/* Shared navigation and compact Admin Hub. */
.cq-unified-header{display:block;background:#fff;border-bottom:1px solid #d8e7e2;padding:0;position:relative;z-index:30;}
.cq-unified-header .site-nav{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex-wrap:wrap;max-width:1440px;margin:auto;padding:14px 24px;gap:10px;min-height:76px;width:100%;}
.cq-unified-header .brand{display:flex;align-items:center;gap:10px;margin-right:auto;color:#115747;font:800 1.12rem system-ui;text-decoration:none;white-space:nowrap;}
.cq-unified-header .nav-primary{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;width:auto;overflow:visible;padding:0;}
.cq-unified-header .site-nav>a:not(.brand),.cq-unified-header .nav-primary>a,.cq-unified-header .nav-more>summary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border:1px solid #d1e4dc;border-radius:10px;background:#eef7f2;color:#165747;font:700 .85rem system-ui;text-decoration:none;cursor:pointer;white-space:nowrap;box-shadow:0 3px 0 #c5d8cf;transition:background-color .16s,color .16s,border-color .16s,box-shadow .16s,transform .16s;}
.cq-unified-header .site-nav>a:not(.brand):not(.is-active):hover,.cq-unified-header .nav-primary>a:not(.is-active):hover,.cq-unified-header .nav-more>summary:not(.is-active):hover{background:#dfeee7;border-color:#a9cbbd;color:#0f4c3c;box-shadow:0 4px 0 #b7cec3;transform:translateY(-1px);}
.cq-unified-header .site-nav>a.is-active,.cq-unified-header .nav-primary>a.is-active,.cq-unified-header .nav-more>summary.is-active{background:#0f715b;color:#fff;border-color:#0f715b;box-shadow:0 3px 0 #094738;}
.cq-unified-header .site-nav>a.is-active:hover,.cq-unified-header .nav-primary>a.is-active:hover,.cq-unified-header .nav-more>summary.is-active:hover{background:#0a5948;border-color:#0a5948;color:#fff;box-shadow:0 4px 0 #063d30;}
.cq-unified-header .site-nav>a:focus-visible,.cq-unified-header .nav-primary>a:focus-visible,.cq-unified-header .nav-more>summary:focus-visible{outline:3px solid #9a5b00;outline-offset:3px;}
.cq-unified-header details{position:relative;margin:0;}
.cq-unified-header .notification-bell>summary{display:grid;place-items:center;position:relative;width:44px;height:42px;padding:0;list-style:none;border:1px solid #d1e4dc;border-radius:10px;background:#eef7f2;color:#165747;box-shadow:0 3px 0 #c5d8cf;cursor:pointer;}
.cq-unified-header .notification-bell>summary::-webkit-details-marker{display:none;}
.cq-unified-header .notification-bell>summary:hover{background:#dfeee7;border-color:#a9cbbd;}
.cq-unified-header .nav-more-panel,.cq-unified-header .bell-panel{display:block;position:absolute;right:0;top:calc(100% + 10px);left:auto;width:min(320px,88vw);padding:16px;background:white;border:1px solid #d1e4dc;border-radius:14px;box-shadow:0 16px 40px #153b3226;z-index:40;}
.cq-unified-header details:not([open])>.nav-more-panel,.cq-unified-header details:not([open])>.bell-panel{display:none;}
.cq-unified-header .nav-more-panel>a{display:block;padding:10px;color:#165747;text-decoration:none;border-radius:8px;}
.cq-unified-header .nav-more-panel>a:hover{background:#e7f2ec;}
.cq-unified-header .nav-more-panel>a.is-current{background:#dcefe6;color:#0c5845;box-shadow:inset 3px 0 #0f715b;}
.cq-unified-header .bell-item button{display:block;width:100%;text-align:left;white-space:normal;background:#edf5f1;color:#173b32;padding:12px;border:0;border-radius:8px;box-shadow:none;margin:8px 0;}
.cq-unified-header .bell-item small{display:block;}
.cq-unified-header .bell-count{background:#db5745;color:#fff;border-radius:20px;padding:2px 6px;margin-left:4px;}
.page-admin_hub{background:#f0f5fa;}
.page-admin_hub main{max-width:1440px;padding:24px;background:transparent;}
.page-admin_hub .dash-head{margin:0 0 22px;padding:26px 30px;border:0;border-radius:20px;background:linear-gradient(115deg,#124c68,#147c79);color:#fff;box-shadow:0 12px 30px #124c681a;}
.page-admin_hub .dash-head h1{font-size:clamp(1.9rem,3vw,2.7rem);margin:8px 0 12px;color:white;}
.page-admin_hub .dash-head p{color:#e1f3f6;margin:0;}
.page-admin_hub .dash-head .eyebrow{color:#ffe09b;}
.page-admin_hub .metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0 0 22px;}
.page-admin_hub .metric-grid>a.card{width:100%;min-width:0;max-width:none;margin:0;padding:20px;border-radius:16px;border:1px solid #d6e3ed;border-top:4px solid #e8aa3c;background:#fff;box-shadow:0 5px 18px #17496b0a;text-decoration:none;}
.page-admin_hub .metric-grid>a:nth-child(2){border-top-color:#e77658;background:#fff7f1;}
.page-admin_hub .metric-grid>a:nth-child(3){border-top-color:#219c76;background:#effaf5;}
.page-admin_hub .metric-grid>a:nth-child(4){border-top-color:#5488d1;background:#f0f6ff;}
.page-admin_hub .metric-grid>a:nth-child(5){border-top-color:#8870c5;background:#f7f3ff;}
.page-admin_hub .metric-grid small{font-size:.85rem;color:#425d6c;letter-spacing:0;}
.page-admin_hub .metric-grid h2{font:800 2rem system-ui;margin:12px 0;color:#174a5c;}
.page-admin_hub .metric-grid span{font-size:.75rem;color:#326878;letter-spacing:0;}
.page-admin_hub .hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0;}
.page-admin_hub .hub-grid>a{padding:18px;min-height:76px;display:flex;align-items:center;border:1px solid #d5e2eb;border-radius:12px;background:#fff;color:#205a72;line-height:1.5;text-decoration:none;}
.page-admin_hub .hub-grid>a:hover{background:#e7f4f8;border-color:#8bbfc9;}
.page-admin_hub main section.card{padding:24px;margin:22px 0;border-radius:18px;}
.page-admin_hub .cq-table input[type=checkbox]{width:20px;height:20px;min-height:0;}
@media(max-width:1100px){.page-admin_hub .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.page-admin_hub .hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:700px){.cq-unified-header .site-nav{padding:12px 16px;gap:8px;}.cq-unified-header .brand{flex-basis:100%;margin:0 0 4px;}.cq-unified-header .site-nav>a:not(.brand),.cq-unified-header .nav-primary>a,.cq-unified-header .nav-more>summary{font-size:.76rem;padding:9px 10px;}.page-admin_hub main{padding:16px;}.page-admin_hub .dash-head{padding:22px;}.page-admin_hub .metric-grid,.page-admin_hub .hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.page-admin_hub .metric-grid>a.card{padding:16px;}.page-admin_hub main section.card{padding:18px;}.page-admin_hub .cq-table{max-width:100%;overflow-x:auto;}}
@media(max-width:360px){.page-admin_hub .hub-grid{grid-template-columns:1fr;}}

#cq-message-popup{width:min(1120px,96vw);height:min(820px,92dvh);max-width:96vw;max-height:92dvh;padding:0;border:1px solid #b8d9cf;border-radius:20px;box-shadow:0 28px 100px #102c3966;overflow:hidden;}
#cq-message-popup::backdrop{background:#102d3d99;backdrop-filter:blur(5px);}
.cq-popup-bar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:12px 22px;background:linear-gradient(110deg,#14506c,#147967);color:white;}
#cq-message-close{background:#ffffff22;color:white;border:1px solid #ffffff55;border-radius:10px;padding:8px 14px;box-shadow:none;}
#cq-message-frame{border:0;width:100%;height:calc(100% - 64px);display:block;background:#f4f8f6;}
.cq-message-embedded>.cq-unified-header,.cq-message-embedded>footer{display:none;}
.cq-message-embedded main{padding:20px;max-width:none;}
.page-messages .cq-message-layout{grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start;}
.page-messages .cq-message-layout>.card{width:100%;max-width:none;margin:0;padding:24px;}
.page-messages textarea{min-height:240px;resize:vertical;line-height:1.7;}
.page-messages .dash-head{padding:24px;margin:0 0 20px;}
.page-messages .cq-message{background:#edf6f2;border-left:3px solid #198369;}
@media(max-width:700px){#cq-message-popup{width:96vw;height:94dvh;max-height:94dvh;border-radius:14px;}.cq-message-embedded main{padding:14px;}.page-messages .cq-message-layout{grid-template-columns:1fr;}.page-messages .cq-message-layout>.card{padding:18px;}.page-messages textarea{min-height:220px;}}

/* Built-in message form v1.6 */
.page-messages main{max-width:1180px;margin:auto;}
.page-messages .dash-head{padding:20px 24px;}
.page-messages .dash-head h1{font-size:2rem;margin:0 0 10px;}
.page-messages .cq-message-layout{grid-template-columns:1fr;gap:14px;}
.page-messages .cq-message-layout>.card{padding:24px;}
.page-messages .cq-simple-message{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;}
.page-messages .cq-simple-message label{margin:0;}
.page-messages .cq-simple-message label:nth-of-type(n+3),.cq-message-actions{grid-column:1/-1;}
.page-messages .cq-simple-message textarea{width:100%;min-height:280px;font:inherit;line-height:1.7;}
.page-messages .cq-simple-message input[readonly]{background:#eef4f2;color:#416158;}
.cq-message-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.page-messages .cq-close-message{background:#e8efec;color:#244d42;box-shadow:none;text-decoration:none;}
.cq-message-history{margin-bottom:20px;}
.page-messages summary{cursor:pointer;font-weight:700;color:#155c4b;padding:6px 0;}
.cq-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media(max-width:600px){.page-messages .cq-simple-message{grid-template-columns:1fr;gap:14px;}.page-messages .cq-message-layout>.card{padding:18px;}.page-messages .cq-simple-message textarea{min-height:240px;}.cq-message-actions>*{flex:1;}}

.page-cancellations main,.page-settings main,.page-setting main{max-width:1280px;}
.page-cancellations .dash-head,.page-settings .dash-head,.page-setting .dash-head{padding:24px;margin:20px 0;background:linear-gradient(115deg,#e8f4f4,#f3f8fc);}
.page-cancellations .dash-head h1,.page-settings .dash-head h1,.page-setting .dash-head h1{font-size:clamp(1.8rem,3vw,2.5rem);margin:8px 0 12px;}
.page-cancellations .dash-head p{margin:0;max-width:850px;}
.page-cancellations main section.card{padding:20px;}
.page-cancellations .cancellation-card{padding:20px;margin:0 0 16px;border:1px solid #cde1d9;border-radius:14px;background:#fbfdfc;overflow-wrap:anywhere;}
.page-cancellations .cancellation-card h2{font-size:1.2rem;line-height:1.4;margin:0 0 12px;}
.page-cancellations .cancellation-card p{margin:10px 0;}
.page-cancellations .cancellation-card form{margin-top:14px;}
.page-cancellations .cancellation-card textarea{min-height:80px;}
.page-cancellations .cq-order-link{display:inline-flex;padding:10px 16px;border:1px solid #80b8a5;border-radius:9px;background:#eff8f4;color:#155948;font-weight:700;text-decoration:none;}
.page-cancellations .cq-cancel-confirm{background:#c53743;color:white;border-radius:9px;box-shadow:none;min-height:44px;padding:12px 18px;}
.cq-settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start;}
.cq-settings-grid>.card{width:100%;min-width:0;max-width:none;margin:0;padding:28px;}
.cq-settings-grid h2{font-size:1.3rem;}
.cq-settings-grid dt{font-weight:700;color:#537466;font-size:.85rem;}
.cq-settings-grid dd{margin:4px 0 18px;overflow-wrap:anywhere;}
.cq-settings-grid #cq-password-hint{font-size:.85rem;color:#557366;}
@media(max-width:700px){.cq-settings-grid{grid-template-columns:1fr;gap:16px;}.cq-settings-grid>.card{padding:20px;}.page-cancellations .cancellation-card{padding:16px;}.page-cancellations .dash-head{padding:20px;}.page-cancellations .cancellation-card button{margin:6px 0;}}

/* Section identity follows the content, even when Admin reorders sections. */
.cq-front-panel{position:relative;margin:28px 0;padding:clamp(22px,3.5vw,44px);border:1px solid #d4e5dc;border-radius:22px;background:#fff;box-shadow:0 8px 26px #164a3510;min-width:0;}
.cq-front-panel::before{content:'';display:block;width:56px;height:4px;border-radius:9px;background:#cda75a;margin-bottom:24px;}
.cq-front-panel>section{margin:0;padding:0;border:0;background:transparent;box-shadow:none;}
.cq-front-panel[data-front-section=hero]{padding:0;background:#075448;overflow:hidden;border:0;}
.cq-front-panel[data-front-section=hero]::before{display:none;}
.cq-front-panel[data-front-section=hero]>.front-banner{padding:clamp(24px,5vw,56px);background:linear-gradient(125deg,#064b3f,#13775b);border-radius:22px;}
.cq-front-panel[data-front-section=campaign]{background:linear-gradient(120deg,#e4f3eb,#f4f8ee);border-color:#b8d9c6;}
.cq-front-panel[data-front-section=closing]{background:linear-gradient(125deg,#064b3f,#116653);color:#f7fbf8;border-color:#064b3f;}
.cq-front-panel[data-front-section=closing] h2,.cq-front-panel[data-front-section=closing] p{color:#f7fbf8;}
.cq-front-panel[data-front-section=closing] .eyebrow{color:#ffd581;}
.cq-front-panel[data-front-section=benefits]{background:#edf3fb;border-color:#cbdcec;}
.cq-front-panel[data-front-section=packages]{background:#fff8e9;border-color:#ead7ad;}
.cq-front-panel[data-front-section=impact]{background:#124f60;color:#fff;border-color:#124f60;}
.cq-front-panel[data-front-section=impact] h2,.cq-front-panel[data-front-section=impact] small{color:#fff;}
.cq-front-panel[data-front-section=gallery]{background:#f0f7f2;}
.cq-front-panel[data-front-section=videos]{background:#edf4fa;border-color:#cbdeeb;}
.cq-front-panel[data-front-section=testimonials]{background:#fff7ee;border-color:#ead9c3;}
.cq-front-panel[data-front-section=partners]{background:white;}
.cq-front-panel h2{font-size:clamp(1.6rem,2.6vw,2.35rem);line-height:1.25;margin-top:0;}
.cq-front-panel .front-columns{gap:24px;}
.cq-front-panel .front-columns article{min-width:0;background:#ffffffa8;border:1px solid #d8e3ed;border-radius:14px;padding:24px;}
.cq-front-panel .cq-media-grid article,.cq-front-panel .front-price-card{min-width:0;border-radius:16px;background:#fff;border:1px solid #d3e2da;}
.cq-front-panel .button{white-space:normal;max-width:100%;}
.cq-front-panel .front-stats{gap:16px;}
.cq-front-panel .front-stats article{background:#ffffff12;border:1px solid #ffffff30;border-radius:14px;padding:22px;}
.cq-front-panel .front-stats strong,.cq-front-panel .front-stats span{color:white;}
.cq-front-panel img{max-width:100%;}

/* Front Page pair: the campaign and programme introduction share one compact row. */
.cq-front-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:28px 0;align-items:stretch;}
.cq-front-duo>.cq-front-panel{height:100%;margin:0;}
.cq-front-duo>.cq-front-panel>section{display:flex;flex-direction:column;height:100%;}
.cq-front-duo>.cq-front-panel[data-front-section=campaign] .button{align-self:flex-start;margin-top:auto;}
.cq-front-duo>.cq-front-panel[data-front-section=about] .button{align-self:center;margin-top:auto;}

/* Light benefit cards must use dark typography; this corrects inherited white text. */
.cq-front-panel[data-front-section=benefits] .front-columns article{background:#fff;border-color:#d5e2ec;color:#173f4a;box-shadow:0 8px 20px #153e4d0a;}
.cq-front-panel[data-front-section=benefits] .front-columns h2{color:#173f4a;}
.cq-front-panel[data-front-section=benefits] .front-columns p{color:#4c626b;}
.cq-front-panel[data-front-section=benefits] .front-columns article>span{color:#9b620b;}

/* Five Admin-controlled impact cards with restrained CaknaQurban colour variation. */
.cq-front-panel[data-front-section=impact] .eyebrow{color:#ffd581;}
.cq-front-panel[data-front-section=impact] .front-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;}
.cq-front-panel[data-front-section=impact] .front-stats article{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:150px;padding:22px 20px;overflow:hidden;box-shadow:0 10px 25px #052e3826;}
.cq-front-panel[data-front-section=impact] .front-stats article::before{content:'';position:absolute;inset:0 0 auto;height:5px;background:#f0c869;}
.cq-front-panel[data-front-section=impact] .front-stats article:nth-child(1){background:#176b72;}
.cq-front-panel[data-front-section=impact] .front-stats article:nth-child(2){background:#315f78;}
.cq-front-panel[data-front-section=impact] .front-stats article:nth-child(3){background:#356b5a;}
.cq-front-panel[data-front-section=impact] .front-stats article:nth-child(4){background:#625979;}
.cq-front-panel[data-front-section=impact] .front-stats article:nth-child(5){background:#80652f;}
.cq-front-panel[data-front-section=impact] .front-stats strong{font-size:clamp(2rem,3.5vw,3rem);line-height:1;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.cq-front-panel[data-front-section=impact] .front-stats strong.is-counting{transform:translateY(-2px);}
.cq-front-panel[data-front-section=impact] .front-stats span{margin-top:18px;line-height:1.35;}
.cq-front-panel[data-front-section=impact] .front-impact>small{display:block;max-width:980px;color:#e3f1f2;line-height:1.55;}

.cq-impact-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:14px;margin:18px 0 30px;}
.front-editor .cq-impact-settings label{margin:0;padding:16px;border:1px solid #d5e3e8;border-radius:14px;background:#f5faf9;}
.front-editor .cq-impact-settings input{margin-top:8px;}
.front-editor .cq-impact-settings small{display:block;margin-top:6px;color:#60766f;font-weight:500;}

@media(min-width:721px) and (max-width:1100px){
 .cq-front-panel[data-front-section=impact] .front-stats{grid-template-columns:repeat(6,minmax(0,1fr));}
 .cq-front-panel[data-front-section=impact] .front-stats article{grid-column:span 2;}
 .cq-front-panel[data-front-section=impact] .front-stats article:nth-child(n+4){grid-column:span 3;}
}
@media(max-width:760px){.cq-front-duo{grid-template-columns:1fr;gap:16px;margin:18px 0;}}
@media(max-width:720px){
 .cq-front-panel{margin:18px 0;padding:22px 18px;border-radius:16px;}.cq-front-panel::before{margin-bottom:18px;}.cq-front-panel .front-columns article{padding:20px;}.cq-front-panel[data-front-section=hero]>.front-banner{padding:26px 20px;border-radius:16px;}
 .cq-front-duo>.cq-front-panel{margin:0;}
 .cq-front-panel[data-front-section=impact] .front-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
 .cq-front-panel[data-front-section=impact] .front-stats article{min-height:135px;}
 .cq-front-panel[data-front-section=impact] .front-stats article:last-child:nth-child(odd){grid-column:1/-1;}
}
@media(max-width:400px){.cq-front-panel[data-front-section=impact] .front-stats{grid-template-columns:1fr;}.cq-front-panel[data-front-section=impact] .front-stats article:last-child:nth-child(odd){grid-column:auto;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;}}

/* UI layout pilot 2026-10-02: scoped to three Admin routes only. */
@media(min-width:701px){
 .page-staff,.page-form_settings,.page-consultant_targets{background:#f0f5fa;}
 .page-staff main,.page-form_settings main,.page-consultant_targets main{margin:24px auto 36px;padding:24px;background:transparent;border:0;border-radius:0;box-shadow:none;}
 .page-staff main,.page-consultant_targets main{max-width:1280px;}
 .page-form_settings main{max-width:1180px;}
 .page-staff main>.card,.page-form_settings main>.card,.page-consultant_targets main>.card{position:relative;width:100%;max-width:none;margin:0;padding:28px;border:1px solid #d6e3ed;border-radius:20px;background:#fff;box-shadow:0 8px 26px #17496b0d;overflow:hidden;}
 .page-staff main>.card::before,.page-form_settings main>.card::before,.page-consultant_targets main>.card::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#124c68,#147c79 58%,#e8aa3c);}
 .page-staff main>.card>h1,.page-form_settings main>.card>h1,.page-consultant_targets main>.card>h1{margin:8px 0 12px;color:#174a5c;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15;}
 .page-form_settings main>.card>.eyebrow{color:#a97820;}
 .page-staff main>.card>.row{grid-template-columns:minmax(220px,.85fr) minmax(0,2.15fr);gap:24px;padding:20px 0;align-items:start;}
 .page-staff main>.card>.row>form{justify-content:flex-end;flex-wrap:wrap;}
 .page-staff main>.card>.row>form .check{min-height:42px;padding:8px 10px;border:1px solid #d9e6ed;border-radius:10px;background:#f6fafb;}
 .page-staff main>.card>form:first-of-type{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin:20px 0;}
 .page-staff main>.card>form:first-of-type input{margin:0;}
 .page-form_settings .required-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0;}
 .page-form_settings .required-check{min-height:58px;border-color:#d4e3e7;background:#f7fafb;}
 .page-form_settings .required-check:nth-child(3n+1){border-left:4px solid #148777;}
 .page-form_settings .required-check:nth-child(3n+2){border-left:4px solid #5488d1;}
 .page-form_settings .required-check:nth-child(3n){border-left:4px solid #e8aa3c;}
 .page-consultant_targets .cq-target-grid{margin:24px 0;gap:14px;}
 .page-consultant_targets .cq-target-grid label{margin:0;padding:16px;border:1px solid #d4e3e7;border-top:4px solid #148777;border-radius:14px;background:#f7fafb;color:#315b62;}
 .page-consultant_targets .cq-target-grid label:nth-child(2){border-top-color:#5488d1;}
 .page-consultant_targets .cq-target-grid label:nth-child(3){border-top-color:#e8aa3c;}
 .page-consultant_targets .cq-target-grid label:nth-child(4){border-top-color:#8870c5;}
 .page-consultant_targets .cq-target-grid label:nth-child(5){border-top-color:#e77658;}
}
@media(min-width:701px) and (max-width:900px){
 .page-staff main>.card>.row{grid-template-columns:1fr;gap:12px;}
 .page-staff main>.card>.row>form{justify-content:flex-start;}
 .page-form_settings .required-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:700px){
 .page-staff main>.card>form:first-of-type{grid-template-columns:1fr;}
 .page-staff main>.card>.row>form{display:grid;grid-template-columns:1fr 1fr;width:100%;}
 .page-staff main>.card>.row>form select,.page-staff main>.card>.row>form button{grid-column:1/-1;width:100%;}
 .page-form_settings .required-grid{grid-template-columns:1fr;}
}
@media(max-width:420px){
 .page-staff main>.card>.row>form{grid-template-columns:1fr;}
 .page-staff main>.card>.row>form>*{grid-column:1!important;}
}

/* Standard layout group 1: operational forms and order detail. */
@media(min-width:701px){
 .page-layout,.page-manage,.page-order{background:#f0f5fa;}
 .page-layout main,.page-manage main,.page-order main{margin:24px auto 36px;padding:24px;background:transparent;border:0;border-radius:0;box-shadow:none;}
 .page-layout main{max-width:1180px;}
 .page-manage main,.page-order main{max-width:1280px;}
 .page-layout .dash-head,.page-manage .dash-head{margin:0 0 22px;padding:26px 30px;border:0;border-radius:20px;background:linear-gradient(115deg,#124c68,#147c79);color:#fff;box-shadow:0 12px 30px #124c681a;}
 .page-layout .dash-head h1,.page-manage .dash-head h1{margin:8px 0 12px;color:#fff;font-size:clamp(1.9rem,3vw,2.7rem);}
 .page-layout .dash-head p,.page-manage .dash-head p{margin:0;color:#e1f3f6;max-width:850px;}
 .page-layout .dash-head .eyebrow,.page-manage .dash-head .eyebrow{color:#ffe09b;}
 .page-layout main>.card,.page-manage main>.card,.page-order main>.card{position:relative;width:100%;max-width:none;margin:0 0 22px;padding:28px;border:1px solid #d6e3ed;border-radius:20px;background:#fff;box-shadow:0 8px 26px #17496b0d;overflow:hidden;}
 .page-layout main>.card::before,.page-order main>.card::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#124c68,#147c79 58%,#e8aa3c);}
 .page-order main>.card>h1{margin:8px 0 12px;color:#174a5c;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15;}
 .page-manage .admin-grid{gap:18px;margin-bottom:22px;}
 .page-manage .admin-grid>.card{max-width:none;padding:24px;border-color:#d6e3ed;border-radius:18px;box-shadow:0 6px 20px #17496b0b;}
 .page-manage .admin-edit-card{background:#f7fafb;border-color:#d4e3e7;}
 .page-order .item-correction,.page-order .cancel-request{margin-top:18px;padding:18px;border:1px solid #d7e5e8;border-radius:14px;background:#f7fafb;}
 .page-order .cancel-request{border-left:4px solid #e8aa3c;}
}
@media(min-width:701px) and (max-width:900px){
 .page-layout main,.page-manage main,.page-order main{padding:20px;}
 .page-layout .dash-head,.page-manage .dash-head{padding:24px;}
 .page-manage .admin-grid{grid-template-columns:1fr;}
}

/* Standard layout group 2: data lists, reports and consultant dashboards. */
@media screen and (min-width:701px){
 .page-directory,.page-participants,.page-demo_participants,.page-admin_orders,.page-consultants,.page-consultant,.page-consultant_checks{background:#f0f5fa;}
 .page-directory main,.page-participants main,.page-demo_participants main,.page-admin_orders main,.page-consultants main,.page-consultant main,.page-consultant_checks main{margin:24px auto 36px;padding:24px;background:transparent;border:0;border-radius:0;box-shadow:none;}
 .page-directory main,.page-participants main,.page-admin_orders main,.page-consultant_checks main{max-width:1440px;}
 .page-demo_participants main,.page-consultants main,.page-consultant main{max-width:1280px;}
 .page-directory .admin-head,.page-admin_orders .admin-head,.page-participants .participants-head,.page-demo_participants .dash-head,.page-consultant .dash-head{margin:0 0 22px;padding:26px 30px;border:0;border-radius:20px;background:linear-gradient(115deg,#124c68,#147c79);color:#fff;box-shadow:0 12px 30px #124c681a;}
 .page-directory .admin-head h1,.page-admin_orders .admin-head h1,.page-participants .participants-head h1,.page-demo_participants .dash-head h1,.page-consultant .dash-head h1{margin:8px 0 12px;color:#fff;font-size:clamp(1.9rem,3vw,2.7rem);}
 .page-directory .admin-head p,.page-admin_orders .admin-head p,.page-participants .participants-head p,.page-demo_participants .dash-head p,.page-consultant .dash-head p{margin:0;color:#e1f3f6;max-width:850px;}
 .page-directory .admin-head .eyebrow,.page-admin_orders .admin-head .eyebrow,.page-participants .participants-head .eyebrow,.page-demo_participants .dash-head .eyebrow,.page-consultant .dash-head .eyebrow{color:#ffe09b;}
 .page-directory .admin-head .back-link,.page-admin_orders .admin-head .back-link,.page-participants .participants-head .back-link{border-color:#ffffff66;background:#ffffff18;color:#fff;}
 .page-directory main>.card,.page-participants main>.card,.page-demo_participants main>.card,.page-admin_orders main>.card,.page-consultants main>.card,.page-consultant main>.card,.page-consultant_checks .cq-consultant>.card{width:100%;max-width:none;margin:0 0 22px;padding:24px;border:1px solid #d6e3ed;border-radius:18px;background:#fff;box-shadow:0 6px 20px #17496b0b;}
 .page-directory .admin-links{margin:0 0 18px;}
 .page-directory .directory-item,.page-participants .participant-entry,.page-demo_participants .participant-entry{padding:18px 10px;}
 .page-participants .participants-tools{padding:24px;}
 .page-participants .participant-sheet{padding:24px 28px;}
 .page-admin_orders .directory-filters{margin-bottom:18px;}
 .page-admin_orders .order-row,.page-consultant .order-row{padding:20px 14px;border-radius:12px;}
 .page-consultants main>.card,.page-demo_participants main>.card{position:relative;overflow:hidden;}
 .page-consultants main>.card::before,.page-demo_participants main>.card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#124c68,#147c79 58%,#e8aa3c);}
 .page-consultant_checks .cq-consultant{width:100%;max-width:none;}
 .page-consultant_checks .cq-agent-hero{box-shadow:0 12px 30px #124c681a;}
 .page-consultant_checks .cq-review-table{max-width:100%;overflow:auto;}
}
@media screen and (min-width:701px) and (max-width:1000px){
 .page-directory main,.page-participants main,.page-demo_participants main,.page-admin_orders main,.page-consultants main,.page-consultant main,.page-consultant_checks main{padding:20px;}
 .page-directory .admin-head,.page-admin_orders .admin-head,.page-participants .participants-head,.page-demo_participants .dash-head,.page-consultant .dash-head{padding:24px;}
}
@media screen and (max-width:700px){
 .page-directory .directory-list,.page-admin_orders .card.wide,.page-consultant_checks .cq-review-table{max-width:100%;}
 .page-directory .admin-links{overflow-x:auto;}
}

/* Standard layout group 3: standalone public and operational pages. */
@media screen and (min-width:701px){
 .page-pakej,.page-perunding,.page-perunding-roster,.page-perunding-settings,.page-communication{background:#f0f5fa;}
 .page-pakej main,.page-perunding main,.page-perunding-roster main,.page-perunding-settings main,.page-communication main{margin:24px auto 36px;padding:24px;background:transparent;border:0;border-radius:0;box-shadow:none;}
 .page-pakej main,.page-perunding main,.page-perunding-roster main{max-width:1440px;}
 .page-communication main{max-width:1380px;}
 .page-perunding-settings main{max-width:1180px;}
 .page-pakej .hero,.page-perunding .directory-hero,.page-communication .comm-hero{border-radius:20px;box-shadow:0 12px 30px #124c681a;}
 .page-pakej .layout{gap:22px;}
 .page-pakej .package,.page-pakej aside,.page-perunding .directory-card,.page-perunding-roster .directory-card,.page-communication .comm-panel{border-color:#d6e3ed;box-shadow:0 6px 20px #17496b0b;}
 .page-perunding-roster main>h1,.page-perunding-settings main>h1{margin:0 0 18px;padding:26px 30px;border-radius:20px;background:linear-gradient(115deg,#124c68,#147c79);color:#fff;box-shadow:0 12px 30px #124c681a;font-size:clamp(1.9rem,3vw,2.7rem);}
 .page-perunding-settings .directory-edit{width:100%;max-width:900px;margin:24px auto;padding:28px;border:1px solid #d6e3ed;border-radius:20px;background:#fff;box-shadow:0 8px 26px #17496b0d;}
 .page-perunding-roster .directory-grid{margin-top:24px;}
 .page-communication .comm-layout{gap:20px;}
 .page-communication .comm-panel{border-radius:18px;}
}
@media screen and (min-width:701px) and (max-width:1000px){
 .page-pakej main,.page-perunding main,.page-perunding-roster main,.page-perunding-settings main,.page-communication main{padding:20px;}
 .page-pakej .layout,.page-communication .comm-layout{grid-template-columns:1fr;}
 .page-pakej aside{position:static;}
}
@media screen and (max-width:700px){
 .page-pakej .layout,.page-perunding .directory-grid,.page-perunding-roster .directory-grid,.page-communication .comm-layout{max-width:100%;}
}