/* v32 | Original Al Ghalia identity and context-aware request art; presentation only */
:root{--ag-brand-blue:#157bc1;--ag-brand-gold:#efb82b;--ag-brand-ink:#122847}
.topbar{align-items:center}
.brand-mini{display:flex;align-items:center;gap:14px;min-width:0}
.portal-brand{display:flex;align-items:center;gap:10px;flex:none;text-decoration:none;color:var(--ag-brand-ink);line-height:1.08;border-radius:10px}
.portal-brand-image{display:grid;place-items:center;width:49px;height:49px;border-radius:0;overflow:hidden;flex-shrink:0}
.portal-brand-image img{display:block;width:46px;height:46px;object-fit:contain}
.portal-brand-caption{display:grid;gap:4px;white-space:nowrap;letter-spacing:-.035em}
.portal-brand-caption strong{font-size:15px;font-weight:730;line-height:1}
.portal-brand-caption small{font-size:13px;font-weight:770;line-height:1;color:#253a59}
.portal-it-accent{color:var(--ag-brand-blue)}
.portal-brand:focus-visible{outline:3px solid #7cbbeb;outline-offset:4px}
.portal-page-subtitle{font-size:.76rem;letter-spacing:.005em;padding-inline-start:14px;border-inline-start:1px solid #e3ebf3;max-width:180px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#requestView,#problemView{background:rgba(255,255,255,.985)}
.premium-request-grid,.premium-problem-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(250px,.88fr);align-items:start;gap:clamp(16px,3.2vw,32px)}
.premium-request-grid>.form-stack,.premium-problem-fields{min-width:0}
.request-art-panel{--art-primary:#2686c7;--art-light:#e7f5ff;position:relative;min-height:450px;overflow:hidden;border:1px solid #e8edf5;border-radius:25px;isolation:isolate;background:radial-gradient(circle at 50% 36%,var(--art-light),transparent 50%),linear-gradient(151deg,#fff 8%,#f7fafd 65%,#f7f8ff);padding:25px 19px 20px;display:flex;align-items:center;flex-direction:column;justify-content:space-between;box-shadow:inset 0 1px #fff,0 20px 45px rgba(18,50,86,.045)}
.request-art-panel--incident{--art-primary:#ca4d67;--art-light:#fff0f2}
.request-art-glow{position:absolute;top:9%;left:11%;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--art-light),transparent 73%);filter:blur(17px);z-index:-1}
.request-art-kicker,.request-art-footnote{color:#7891a9;letter-spacing:.13em;font-size:10px;font-weight:820;text-transform:uppercase;text-align:center}
.request-art-footnote{letter-spacing:.04em;font-weight:600;font-size:10px;color:#92a3b7}
.request-art-stage{height:264px;width:100%;max-width:370px;position:relative;perspective:940px;transform-style:preserve-3d;display:grid;place-items:center}
.request-art-ring{position:absolute;left:9%;top:15%;height:69%;width:82%;border:1px solid rgba(131,179,207,.2);border-radius:50%;transform:rotate(-22deg);pointer-events:none}
.request-art-ring-two{transform:rotate(43deg) scale(.92);border-color:rgba(173,134,206,.18)}
.request-art-shadow{position:absolute;bottom:0;left:22%;width:65%;height:27px;border-radius:50%;background:radial-gradient(ellipse,rgba(21,52,92,.2),transparent 72%);filter:blur(10px);animation:artShadow 6s ease-in-out infinite}
.request-art-device{position:relative;width:172px;height:186px;transform-style:preserve-3d;transform:rotateY(-21deg) rotateX(10deg) rotateZ(-6deg);animation:artDeviceFloat 6.2s cubic-bezier(.45,.05,.55,.95) infinite;filter:drop-shadow(0 20px 26px rgba(40,68,104,.19));will-change:transform}
.request-art-device-edge{position:absolute;inset:0;transform:translate3d(12px,11px,-19px);border-radius:35px;background:linear-gradient(120deg,#a2b2c6,#dce5ef 42%,#8199b6);box-shadow:8px 15px 19px rgba(43,76,113,.22)}
.request-art-surface{position:absolute;inset:0;border:2px solid #fff;border-radius:35px;background:linear-gradient(145deg,#fff,#f5f9fd 84%);display:flex;align-items:center;flex-direction:column;justify-content:center;gap:14px;transform:translateZ(17px);box-shadow:inset 0 0 0 1px #dce7f1,0 2px 12px #182f5221}
.request-art-surface:after{content:'';position:absolute;inset:7px;border:1px solid #f1f6fa;border-radius:29px;pointer-events:none}
.request-art-topline{position:absolute;top:16px;left:22px;display:flex;gap:5px}
.request-art-topline i{width:5px;height:5px;border-radius:50%;background:#d6e4ef}.request-art-topline i:nth-child(1){background:#a7cae6}
.request-art-surface img{display:block;width:81px;height:81px;object-fit:contain;filter:drop-shadow(0 8px 8px #4b60852b);animation:artIconGlow 3.3s ease-in-out infinite}
.request-art-initials{font-size:clamp(30px,3.3vw,46px);font-weight:860;letter-spacing:-.08em;color:var(--art-primary);white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis}
.request-art-surface img[hidden],.request-art-initials[hidden]{display:none!important}
.request-art-small-label{display:block;max-width:130px;text-align:center;font-size:10px;font-weight:800;color:#6f819b;letter-spacing:.07em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}
.request-art-copy{text-align:center;max-width:300px;position:relative;z-index:2;margin-top:-6px}
.request-art-copy h3{font-size:clamp(19px,2.1vw,25px)!important;letter-spacing:-.044em;color:#17314d;margin:0 0 7px;overflow-wrap:anywhere}
.request-art-copy p{margin:0 0 8px;font-size:12px;line-height:1.6;color:#6e8098;max-width:290px}
.request-art-panel.is-changing .request-art-device{animation:artSwitch .48s ease both}
.request-art-panel.is-changing .request-art-copy{animation:artReveal .45s ease both}
@keyframes artDeviceFloat{0%,100%{transform:translate3d(0,2px,0) rotateY(-21deg) rotateX(10deg) rotateZ(-6deg)}50%{transform:translate3d(0,-13px,12px) rotateY(-12deg) rotateX(13deg) rotateZ(-3deg)}}
@keyframes artShadow{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(.76);opacity:.45}}
@keyframes artIconGlow{0%,100%{transform:translateZ(0) scale(1)}50%{transform:scale(1.045)}}
@keyframes artSwitch{0%{opacity:.3;transform:translateY(17px) rotateY(-39deg) scale(.94)}100%{opacity:1;transform:translateY(0) rotateY(-21deg) rotateX(10deg) rotateZ(-6deg)}}
@keyframes artReveal{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){.portal-page-subtitle{display:none}.premium-request-grid,.premium-problem-grid{grid-template-columns:minmax(0,1fr)}.request-art-panel{min-height:330px;padding:16px}.request-art-stage{height:205px}.request-art-device{width:135px;height:150px}.request-art-surface img{width:60px;height:60px}.request-art-copy h3{font-size:19px!important}.request-art-copy p{font-size:11px}}
@media(max-width:650px){.topbar{gap:7px;flex-wrap:wrap}.brand-mini{gap:7px}.portal-brand-image{width:42px;height:42px}.portal-brand-image img{width:39px;height:39px}.portal-brand-caption strong{font-size:13px}.portal-brand-caption small{font-size:12px}.top-actions{margin-inline-start:auto}.premium-request-grid,.premium-problem-grid{gap:15px}.request-art-panel{min-height:300px}}
@media(prefers-reduced-motion:reduce){.request-art-device,.request-art-shadow,.request-art-surface img,.request-art-panel.is-changing .request-art-device,.request-art-panel.is-changing .request-art-copy{animation:none!important}}