:root{color-scheme:light;--aramco-blue: #00a3e0;--aramco-dark-blue: #0033a0;--aramco-soft-blue: #0a75cf;--aramco-green: #84bd00;--aramco-dark-green: #00843d;--aramco-soft-green: #74a011;--aramco-dark-gray: #323232;--aramco-light-gray: #dadada;--color-bg: #f4f6f8;--color-card: #ffffff;--color-text: var(--aramco-dark-gray);--color-muted: #5c6a76;--color-primary: var(--aramco-blue);--color-primary-hover: var(--aramco-soft-blue);--color-accent: var(--aramco-green);--color-accent-hover: var(--aramco-soft-green);--color-border: var(--aramco-light-gray);--color-error: #c0392b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text)}.brand-header{display:flex;align-items:center;gap:8px;padding:14px 20px;background:var(--color-card);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}.brand-icon{width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:var(--color-card);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:1.05rem;line-height:1}.brand-stop{font-size:1.3rem;font-weight:800;color:var(--color-primary);letter-spacing:-.02em}.brand-by{font-size:.8rem;color:var(--color-muted);margin-left:2px}.partner-logo{height:42px;width:auto;display:block;margin-left:auto}.brand-by strong{color:var(--aramco-dark-gray)}.page-center{min-height:calc(100vh - 57px);display:flex;align-items:flex-start;justify-content:center;padding:28px 16px}.card{background:var(--color-card);border:1px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:14px;padding:32px 26px;max-width:560px;width:100%;box-shadow:0 4px 16px #0033a014}@media (max-width: 400px){.card{padding:24px 14px}}.card h1{margin-top:0;font-size:1.6rem}.muted{color:var(--color-muted);line-height:1.5}.error-text{color:var(--color-error);font-size:.9rem}.btn{display:inline-block;border:none;border-radius:10px;padding:13px 26px;font-size:1.05rem;font-weight:600;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-card)}.btn-primary:not(:disabled):hover{background:var(--color-primary-hover)}.question-card{max-width:640px}.question-header h2{margin-top:0;font-size:1.5rem;line-height:1.3}.question-header p.muted{font-size:1rem;margin-top:8px}.required-badge{display:inline-block;vertical-align:middle;margin-left:10px;padding:2px 8px;border-radius:999px;font-size:.65rem;font-weight:600;letter-spacing:.02em;color:var(--color-primary);background:var(--color-primary-tint, rgba(37, 99, 235, .12));white-space:nowrap}.question-actions{margin-top:28px;display:flex;justify-content:flex-end;gap:10px}.btn-secondary{background:var(--color-card);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:not(:disabled):hover{border-color:var(--color-primary);color:var(--color-primary)}.survey-scroll{max-width:640px;margin:0 auto;padding:28px 16px 140px;display:flex;flex-direction:column;gap:20px}.survey-scroll-header{margin-bottom:4px}.survey-scroll-header h1{font-size:1.6rem;margin:0 0 6px}@keyframes card-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.card-anim{animation:card-in .35s ease both}.complete-banner{border-top-color:var(--color-accent)}.save-indicator{min-height:1.2rem;margin-top:10px;text-align:right}.saved-indicator{color:var(--aramco-dark-green);font-size:.85rem;font-weight:600}.finish-card{text-align:center}.finish-card .btn{margin-top:10px}.question-card.settled{cursor:pointer;padding:18px 22px;transition:box-shadow .15s ease,border-color .15s ease}.question-card.settled:hover,.question-card.settled:focus-visible{border-color:var(--color-primary);box-shadow:0 6px 18px #0033a01a;outline:none}.settled-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.settled-prompt{margin:0;font-size:.95rem;font-weight:600;color:var(--color-muted)}.settled-answer{margin:6px 0 0;font-size:1.05rem;color:var(--color-text);overflow-wrap:anywhere}.settled-edit-hint{flex-shrink:0;font-size:.8rem;color:var(--color-primary);opacity:0;transition:opacity .15s ease}.question-card.settled:hover .settled-edit-hint,.question-card.settled:focus-visible .settled-edit-hint{opacity:1}.options-list{display:flex;flex-direction:column;gap:14px;margin:24px 0}.option-row{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--color-border);border-radius:10px;font-size:1.05rem;cursor:pointer}.option-row:hover{border-color:var(--color-primary)}.option-row input{width:20px;height:20px;accent-color:var(--color-primary);flex-shrink:0}.option-row.selected{border-color:var(--color-primary);background:#00a3e00f}.scale-question{margin:20px 0}.scale-options{display:flex;flex-wrap:wrap;gap:8px}.scale-btn{min-width:40px;padding:10px 0;border:2px solid var(--col-color, var(--color-border));border-radius:8px;background:var(--col-tint, var(--color-card));color:var(--color-text);cursor:pointer;font-size:1rem;font-weight:600;transition:background .15s ease,transform .1s ease}.scale-btn.selected{background:var(--col-color, var(--color-primary));border-color:var(--col-color, var(--color-primary));color:var(--color-card);transform:translateY(-1px)}.scale-labels{display:flex;justify-content:space-between;margin-top:8px;color:var(--color-muted);font-size:.85rem}.text-question{margin:20px 0}.text-question textarea{width:100%;font-family:inherit;font-size:1rem;padding:12px;border:1px solid var(--color-border);border-radius:8px;resize:vertical}.char-count{text-align:right;color:var(--color-muted);font-size:.8rem;margin-top:4px}.attachments-field{margin-top:14px}.attachment-note{margin:0 0 8px;font-size:.85rem;color:var(--color-muted)}.btn-attach{background:var(--color-accent);color:var(--color-card);border:none;border-radius:8px;padding:10px 18px;font-size:.9rem;font-weight:600;cursor:pointer}.btn-attach:not(:disabled):hover{background:var(--color-accent-hover)}.btn-attach:disabled{opacity:.6;cursor:not-allowed}.attachment-preview{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:8px 10px;border:1px solid var(--color-border);border-radius:8px;max-width:fit-content}.attachment-preview img{width:44px;height:44px;object-fit:cover;border-radius:6px;flex-shrink:0}.attachment-filename{font-size:.85rem;color:var(--color-text);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-remove{border:none;background:transparent;color:var(--color-error);font-size:.8rem;cursor:pointer;padding:0}.matrix-question{margin:20px 0;overflow-x:auto;border:1px solid var(--color-border);border-radius:10px}.matrix-question table{border-collapse:collapse;width:100%;table-layout:auto}.matrix-question thead th{background:var(--col-tint, var(--color-bg));padding:6px 0;border-bottom:2px solid var(--color-border);vertical-align:top}.matrix-question thead th:not(:first-child){min-width:34px}.matrix-question td{padding:4px 0;text-align:center;border-bottom:1px solid var(--color-border)}.matrix-question tbody tr:last-child td{border-bottom:none}.matrix-question tbody tr:nth-child(2n){background:#00000004}.matrix-item-label{text-align:left!important;padding-left:4px!important;padding-right:4px!important;max-width:40%;font-weight:500;font-size:.75rem;white-space:normal;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.2}.matrix-col-number{display:block;font-weight:700;font-size:.85rem;color:var(--color-text)}.matrix-col-label{display:block;font-size:.6rem;font-weight:400;color:var(--color-muted);white-space:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.15;margin-top:1px}.matrix-cell{background:var(--col-tint, transparent)}.matrix-radio{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;height:28px;cursor:pointer}.matrix-cell input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.matrix-radio-visual{width:14px;height:14px;border-radius:50%;border:2px solid var(--col-color, var(--color-border));background:var(--color-card);box-sizing:border-box;pointer-events:none;transition:background .15s ease}.matrix-cell input:checked+.matrix-radio-visual{background:var(--col-color, var(--color-primary));box-shadow:inset 0 0 0 3px var(--color-card)}.matrix-cell-selected{box-shadow:inset 0 0 0 1px var(--col-color, var(--color-primary))}