/* Dartava owner-approved visual contract: ivory / navy / blue / coral.
   Loaded LAST on all R3 screens. Inactive historical layouts remain in Git
   for safe rollback, but this is the only approved active palette. */
body[data-r3-surface]{
 --ink:#212b3d;--sub:#58657a;--paper:#f8f7f3;--cream:#eeeff3;
 --line:#dfe4ee;--white:#fff;--hot:#ec785d;--hot2:#365bce;
 --night:#212b3d;--acid:#ffb39f;--soft:#f2f5fc;
 color:#212b3d!important;background:#f8f7f3!important;
}
body[data-r3-surface] .r3-phone-top{background:#f8f7f3!important;border-color:#e2e6ee!important}
body[data-r3-surface] .r3-phone-top .r3-brand b{color:#212b3d!important}
body[data-r3-surface] .r3-phone-nav{background:#fff!important;border-color:#dfe4ee!important}
body[data-r3-surface] .r3-phone-nav button{color:#69758a!important}
body[data-r3-surface] .r3-phone-nav button[data-active="1"],
body[data-r3-surface] .r3-phone-nav button.play[data-active="1"]{color:#365bce!important}
body[data-r3-surface] .r3-rail{background:#f1f3f8!important;border-color:#dfe4ee!important}
body[data-r3-surface] .r3-rail-nav button[data-active="1"]{background:#212b3d!important;color:#fff!important}
body[data-r3-surface] .r3-topbar{background:#212b3d!important}
body[data-r3-surface] .approved-workspace-home .work-match,
body[data-r3-surface] .approved-desktop-section .work-match{background:#212b3d!important;color:#fff!important}
body[data-r3-surface] .approved-workspace-home .work-match button,
body[data-r3-surface] .approved-desktop-section .work-match button{background:#ec785d!important;color:#212b3d!important}
body[data-r3-surface] .approved-workspace-home .work-lower button{color:#365bce!important}
body[data-r3-surface] .app-page .app-quickmatch{background:#212b3d!important}
body[data-r3-surface] .app-page .app-quickmatch button{background:#ec785d!important;color:#212b3d!important}
body[data-r3-surface] .app-page .app-hometop h1{color:#212b3d!important}
body[data-r3-surface] .app-page .app-inline-row button{background:#edf2ff!important;color:#212b3d!important}
body[data-r3-surface] .app-page .app-section-head button{color:#365bce!important}
body[data-r3-surface] .app-page .app-rows button em{color:#365bce!important}

/* The actual owner-approved phone homepage; compact hero brings real tasks above the fold. */
body[data-r3-surface] .r3-phone-page.owner-home{
 width:100%;max-width:680px;margin:auto;padding:15px 15px 92px;
 background:#f8f7f3!important;min-height:0;
}
body[data-r3-surface] .owner-home-hero{
 background:#212b3d;color:#fff;border-radius:17px;
 padding:20px 19px 17px;display:flex;flex-direction:column;
 gap:10px;box-shadow:0 9px 24px rgba(28,45,74,.10);
}
body[data-r3-surface] .owner-home-kicker{font-size:10px;letter-spacing:.11em;font-weight:900;color:#ffb5a2}
body[data-r3-surface] .owner-home-hero h1{
 margin:0!important;font:900 clamp(31px,8.1vw,43px)/.98 Arial,system-ui,sans-serif;
 color:#fff!important;letter-spacing:-1.2px;
}
body[data-r3-surface] .owner-home-hero p{
 margin:0!important;color:#e4eaf5!important;font-size:12px;line-height:1.42;
 max-width:34ch;
}
body[data-r3-surface] .owner-home-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:2px}
body[data-r3-surface] .owner-home-actions button{
 min-height:43px;border-radius:9px;padding:10px 13px;font-size:11px;
 font-weight:900;white-space:nowrap;border:1px solid #65738d;
 cursor:pointer;touch-action:manipulation;
}
body[data-r3-surface] .owner-home-actions .owner-home-main-action{background:#ec785d!important;color:#212b3d!important;border-color:#ec785d!important}
body[data-r3-surface] .owner-home-actions .owner-home-second-action{background:#293852!important;color:#fff!important;border-color:#687791!important}
body[data-r3-surface] .owner-home-hero>small{font-size:10px;font-weight:800;letter-spacing:.05em;color:#ffb5a2}
body[data-r3-surface] .owner-home-section{margin-top:18px}
body[data-r3-surface] .owner-home-section-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px}
body[data-r3-surface] .owner-home-section-head h2{font:800 19px/1.2 Arial,system-ui,sans-serif;color:#212b3d;margin:0}
body[data-r3-surface] .owner-home-section-head span{font-size:9px;color:#7a869a;letter-spacing:.1em;font-weight:850}
body[data-r3-surface] .owner-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body[data-r3-surface] .owner-home-grid button{
 background:#fff!important;border:1px solid #dfe4ee!important;border-radius:12px;
 min-width:0;min-height:139px;text-align:left;display:flex;flex-direction:column;
 align-items:flex-start;gap:8px;padding:15px 13px!important;color:#212b3d!important;
 cursor:pointer;touch-action:manipulation;
}
body[data-r3-surface] .owner-home-grid strong{display:block;font-size:12px;font-weight:900;letter-spacing:.015em}
body[data-r3-surface] .owner-home-grid small{font-size:12px;line-height:1.4;color:#647187!important;flex:1}
body[data-r3-surface] .owner-home-grid b{font-size:11px;font-weight:900;color:#365bce!important}
body[data-r3-surface] .owner-home-resume button{
 display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;width:100%;
 text-align:left;padding:13px 15px;border:1px solid #aebff0;border-radius:11px;
 background:#edf2ff!important;color:#253b77!important;font-size:12px;cursor:pointer;
}
body[data-r3-surface] .owner-home-shortcuts{display:grid;gap:0;border-top:1px solid #dfe4ee}
body[data-r3-surface] .owner-home-shortcuts button{
 display:flex;justify-content:space-between;align-items:center;text-align:left;
 min-height:54px;width:100%;padding:13px 3px;border:0;border-bottom:1px solid #dfe4ee;
 background:transparent!important;color:#212b3d!important;font-size:12px;font-weight:850;cursor:pointer;
}
body[data-r3-surface] .owner-home-shortcuts button span{color:#365bce;font-size:19px}
body[data-r3-surface] .owner-home-sync{font-size:11px;line-height:1.5;color:#66748b!important;margin:20px 0 0}

/* Keep The Oche's live feed and genuine interactive tabs visible, not the retired static panel. */
body[data-r3-surface] .r3-phone-page[data-approved-oche] .dt2-oche-intro,
body[data-r3-surface] .approved-desktop-section .dt2-oche-intro{
 display:flex!important;background:#212b3d!important;color:#fff!important;border-radius:15px!important;
}
body[data-r3-surface] .r3-phone-page[data-approved-oche]:has(.dt2-oche-intro)>.app-eyebrow,
body[data-r3-surface] .r3-phone-page[data-approved-oche]:has(.dt2-oche-intro)>.app-ttl,
body[data-r3-surface] .r3-phone-page[data-approved-oche]:has(.dt2-oche-intro)>.app-intro{display:none!important}
body[data-r3-surface] .dt2-oche-tabs button[aria-selected="true"]{background:#365bce!important;color:#fff!important}

/* Camera and match stages keep a high-contrast navy surface, not the old teal brand. */
body[data-r3-surface] .r3-fullscreen-mode[data-open="1"],
body[data-r3-surface] .r3-fullscreen-head{background:#192438!important}
body[data-r3-surface] .r3-fullscreen-mode .r3-btn--primary{background:#ec785d!important;color:#212b3d!important}
body[data-r3-surface] .r3bv-layer .r3bv-head{background:#212b3d!important}
body[data-r3-surface] .r3bv-layer .r3bv-btn.primary{background:#ec785d!important;color:#212b3d!important}
body[data-r3-surface] :is(button,a,input,select,textarea):focus-visible{outline:3px solid #ec785d!important;outline-offset:2px}
@media(max-width:360px){
 body[data-r3-surface] .owner-home-hero{padding:17px 14px}
 body[data-r3-surface] .owner-home-actions button{font-size:10px;padding:9px}
 body[data-r3-surface] .owner-home-grid button{padding:12px!important;min-height:146px}
}
@media(prefers-reduced-motion:reduce){body[data-r3-surface] .owner-home-hero{scroll-behavior:auto}}