/* Shared usability layer: readable controls, progressive disclosure, no hidden capabilities. */
:root{--friendly-purple:#622ba5;--friendly-ink:#302039;--friendly-muted:#73627e;--friendly-line:#e8e0ef}
[hidden]{display:none!important}
.friendly-start{display:flex;gap:14px;align-items:center;padding:18px 22px;background:#fff;border:1px solid var(--friendly-line);border-left:3px solid #ffc62f;border-radius:12px}
.friendly-start>div{flex:1}.friendly-start strong{font-size:14px;color:var(--friendly-ink)}.friendly-start p{margin:5px 0 0;font-size:14px;line-height:1.65;color:var(--friendly-muted)}.friendly-start button{background:#f6f1fb;color:var(--friendly-purple);border:1px solid #e7dcef;border-radius:8px;padding:10px 14px;min-height:44px;font:600 13px/1.4 inherit;white-space:nowrap}
.friendly-step{display:grid;place-items:center;flex:0 0 32px;height:32px;background:#ffedb6;border-radius:50%;color:#674413;font-weight:700}
#admin-guidance{margin:0 0 25px}.friendly-related{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 4px 0}.friendly-related>span{font-size:12px;color:var(--friendly-muted);margin-right:4px}.friendly-related button{font:inherit;font-size:12px;background:transparent;border:0;color:var(--friendly-purple);min-height:36px;padding:6px 8px;text-decoration:underline;text-underline-offset:3px}
.friendly-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 26px}.friendly-task-grid button{position:relative;text-align:left;display:grid;gap:9px;padding:20px 22px;background:#fff;border:1px solid var(--friendly-line);border-radius:13px;min-height:147px;cursor:pointer;font-family:inherit;color:var(--friendly-ink)}.friendly-task-grid button:hover{border-color:#bba0d5;background:#fcf9ff}.friendly-task-number{font-size:11px;letter-spacing:.1em;color:#9278a7}.friendly-task-grid strong{font-size:16px;line-height:1.4;font-weight:650}.friendly-task-grid small{font-size:13px;line-height:1.5;color:var(--friendly-muted)}.friendly-task-grid b{position:absolute;right:18px;top:16px;color:#895cae;font-size:18px}.friendly-muted{color:var(--friendly-muted);font-size:12px;line-height:1.6}
.admin-app .admin-day-banner{padding:24px 30px;box-shadow:none;margin-bottom:18px}.admin-app .admin-day-banner h2{font-size:28px}.admin-app .admin-day-banner p{margin-bottom:0;font-size:14px}.admin-app .admin-day-banner>img{width:75px;height:80px;transform:none;filter:none}.admin-app .admin-metrics article{padding:16px 20px}.admin-app .admin-metrics strong{font-size:25px}.admin-app .admin-section-toolbar{align-items:flex-start}.admin-app .admin-content{max-width:1500px}.admin-app .ops-table td{font-size:14px}.admin-app .ops-table th{font-size:12px}.admin-app #admin-navigation button{font-size:14px}.admin-app .admin-section-actions{flex-wrap:wrap;align-items:flex-start}.admin-quick-title{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#8a7898;padding:14px 12px 4px;margin:0}
.friendly-actions{position:relative;border:0!important;margin:0!important;padding:0!important;background:transparent!important}.friendly-actions>summary,.friendly-more>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 14px;font-size:13px;border:1px solid #ddd0ea;background:#fff;color:var(--friendly-purple);border-radius:8px}.friendly-actions>summary:after,.friendly-more>summary:after{content:'⌄'}.friendly-actions>summary::-webkit-details-marker,.friendly-more>summary::-webkit-details-marker{display:none}.friendly-actions>div{display:flex;gap:8px;flex-direction:column;padding-top:10px}.friendly-actions[open]>summary,.friendly-more[open]>summary{background:#f1e8fa}.friendly-actions button{text-align:left}
.friendly-optional{padding:14px!important;border:1px solid var(--friendly-line)!important;border-radius:10px;margin:18px 0!important;background:#fcfafe!important}.friendly-optional>summary{font-size:13px!important;font-weight:600;cursor:pointer;color:var(--friendly-purple);display:list-item!important;padding:0!important}.friendly-required{display:inline-block!important;font-size:10px!important;font-weight:400;color:#77578e!important;margin:0 0 0 7px!important;vertical-align:middle}.friendly-progress{font-size:12px!important;line-height:1.5;color:#6d448f;background:#f4edfb;border-radius:8px;padding:11px 13px;margin:4px 0 18px!important}.friendly-pagination{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:13px 20px;border-top:1px solid var(--friendly-line);font-size:12px;color:var(--friendly-muted)}.friendly-pagination>span{margin-right:auto}.friendly-pagination button{background:white;border:1px solid var(--friendly-line);color:var(--friendly-purple);border-radius:7px;padding:8px 12px;min-height:40px}.friendly-pagination button:disabled{opacity:.5}
.journey-tabs{overflow:visible!important;flex-wrap:wrap!important;gap:8px!important}.journey-tabs>button,.journey-tabs>a{min-height:44px;font-size:14px!important;padding:12px 16px!important}.friendly-more{position:relative}.friendly-menu{position:absolute;right:0;top:calc(100% + 7px);width:290px;max-width:calc(100vw - 40px);z-index:12;background:white;border:1px solid var(--friendly-line);border-radius:12px;padding:9px;box-shadow:0 16px 40px #38204520;max-height:65dvh;overflow:auto}.friendly-menu>button,.friendly-menu>a{display:block;width:100%;text-align:left;white-space:normal!important;padding:11px 13px!important;font-size:14px!important;border:0!important;border-radius:7px;background:white!important;color:var(--friendly-purple);text-decoration:none;line-height:1.5}.friendly-menu>button:hover,.friendly-menu>a:hover{background:#f5eefc!important}.friendly-menu [aria-pressed=true]{background:#ede0fa!important}
.friendly-context{margin:18px 0 22px;border:1px solid var(--friendly-line);border-radius:12px;background:white;padding:15px 20px;color:var(--friendly-ink)}.friendly-context>summary{font-size:14px;cursor:pointer;font-weight:600;color:var(--friendly-purple);line-height:1.5}.friendly-context ol{padding-left:22px;margin:16px 0 5px}.friendly-context li{font-size:14px;line-height:1.75;margin:8px 0}.journey-hero{min-height:150px!important}.journey-hero h1{font-size:clamp(26px,4vw,40px)!important}.field-heading h1{font-size:clamp(26px,3vw,40px)!important}.field-heading{padding-bottom:18px!important}.field-heading>img{max-width:75px!important;max-height:90px!important}.journey-live .journey-tabs{position:relative;z-index:3}
.journey-hero{height:210px!important}.journey-hero>div{padding:24px!important}.journey-hero .journey-mark{width:52px!important;bottom:20px!important}
.friendly-panel{border:1px solid var(--friendly-line);border-radius:12px;background:white;margin:14px 0;padding:18px}.friendly-panel>summary{font-family:inherit!important;font-size:16px!important;line-height:1.5;font-weight:600;cursor:pointer;color:var(--friendly-purple)}.friendly-panel>form{border:0!important;padding:20px 0 0!important}.friendly-panel>form>h3{display:none}.friendly-partner{display:block!important}.friendly-panel[open]>summary{padding-bottom:14px;border-bottom:1px solid var(--friendly-line)}
#admin-task-dialog .admin-task-header{position:sticky;top:0;background:white;z-index:3}#admin-task-body form>.admin-primary{position:sticky;bottom:0;z-index:2;box-shadow:0 -6px 12px white}
.admin-app .friendly-actions>summary{font-family:inherit!important;font-size:13px!important;font-weight:500!important;line-height:1.5!important;padding:10px 14px!important;letter-spacing:0!important}
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #9566c2;outline-offset:3px}
@media(max-width:1000px){.friendly-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.friendly-start{flex-wrap:wrap}.friendly-start>div{min-width:180px}.friendly-start>button{margin-left:46px}}
@media(max-width:600px){.admin-app .admin-content{padding:20px 16px}.friendly-start{padding:15px;gap:10px}.friendly-start>button{margin-left:0;width:100%}.friendly-related{gap:4px}.friendly-related>span{width:100%}.friendly-task-grid{gap:10px}.friendly-task-grid button{padding:17px 14px;min-height:164px}.friendly-task-grid strong{font-size:14px}.friendly-task-grid small{font-size:12px}.admin-app .admin-day-banner{padding:20px}.admin-app .admin-day-banner h2{font-size:24px}.admin-app .admin-day-banner>img{width:44px;height:57px;margin:0}.journey-tabs>button,.journey-tabs>a{padding:10px 12px!important;font-size:13px!important}.friendly-more{position:static}.friendly-menu{left:0;right:auto;width:100%;max-width:100%;top:100%}.friendly-context{padding:14px 16px}.friendly-pagination{padding:12px}.admin-task-header{flex-wrap:wrap}.friendly-actions>div{max-width:100%}.friendly-related button{min-height:44px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
