@import url("./brand-dark2.css?v=dark2-20260919-01");
:root{--navy:#061b2b;--cyan:#26d6c4;--gold:#f4c960;--paper:#f4f8fb;--ink:#102535;--muted:#667985;--line:#dbe6ec}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink)}.oyag-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.oyag-logo span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold),#fff0a1);color:var(--navy);font-weight:950}.auth-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#051621,#082b40)}.auth-card{width:min(430px,92vw);background:#fff;padding:34px;border-radius:22px}.env{font-size:.68rem;font-weight:900;letter-spacing:.12em;color:#9a6a00;margin-top:28px}.muted{color:var(--muted)}label{display:grid;gap:7px;font-weight:800;font-size:.84rem;margin:17px 0}input{width:100%;padding:13px;border:1px solid var(--line);border-radius:10px}.auth-card form button{width:100%;border:0;border-radius:10px;padding:13px;background:var(--cyan);font-weight:900}.linkbtn{width:100%;border:0;background:none;padding:15px;color:#08786e;font-weight:800}.msg{min-height:24px}.back{display:block;text-align:center;color:var(--muted)}.shell{min-height:100vh;display:grid;grid-template-columns:255px 1fr}aside{background:var(--navy);color:#fff;padding:24px 18px;display:flex;flex-direction:column;gap:20px}aside small{color:var(--cyan);font-weight:900}nav{display:grid;gap:6px}nav button,.logout{border:0;text-align:left;padding:11px 12px;border-radius:9px;background:transparent;color:#b9cbd5;font-weight:750}nav button.active,nav button:hover{background:#ffffff12;color:#fff}.logout{margin-top:auto}.workspace{min-width:0;padding:28px clamp(18px,4vw,52px)}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{color:#08786e;font-weight:900;font-size:.7rem}.user{text-align:right;display:grid;font-size:.8rem}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric,.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.metric span,.metric small{display:block;color:var(--muted)}.metric strong{display:block;font-size:2rem;margin:8px 0}.panel{margin-top:16px}.panel pre{overflow:auto;max-height:55vh;background:#071d2b;color:#d9eef2;padding:16px;border-radius:12px;font-size:.75rem}.loading{padding:30px;color:var(--muted)}@media(max-width:800px){.shell{grid-template-columns:1fr}aside{padding:16px}aside nav{display:flex;overflow:auto}aside nav button{white-space:nowrap}.logout{margin:0}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.grid{grid-template-columns:1fr}}
.project-head .grid{margin-bottom:12px}.progress{height:10px;background:#dce8ed;border-radius:999px;overflow:hidden;margin:16px 0 24px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--gold));border-radius:inherit}.kanban{display:grid;grid-template-columns:repeat(6,minmax(240px,1fr));gap:14px;overflow-x:auto;padding-bottom:18px}.kanban-col{background:#eaf1f5;border:1px solid var(--line);border-radius:16px;padding:12px;min-height:430px}.kanban-col>header{display:flex;justify-content:space-between;align-items:center;padding:5px 4px 13px}.kanban-col>header span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:.72rem}.task{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px;margin-bottom:10px;box-shadow:0 6px 18px #061b2b0a;border-left:4px solid #8aa0ac}.task h3{font-size:.92rem;margin:10px 0 6px}.task p,.task small{font-size:.72rem;color:var(--muted)}.task-top{display:flex;justify-content:space-between;gap:8px;font-size:.62rem;text-transform:uppercase;letter-spacing:.05em}.task-top b{color:#6b7780}.priority-critical{border-left-color:#a33}.priority-high{border-left-color:#c78b18}.priority-medium{border-left-color:#238f87}.priority-low{border-left-color:#7d91a0}@media(max-width:800px){.kanban{grid-template-columns:repeat(6,82vw)}}
.user-project-create{margin-top:8px!important;border:1px dashed #26d6c477!important;color:var(--cyan)!important}.user-project-create:hover{background:#26d6c418!important}.user-project-nav{padding-left:18px!important}

.project-actions{display:flex;gap:10px;justify-content:flex-end;margin-bottom:16px}.project-actions button,.task-actions button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:9px;padding:9px 12px;font-weight:800;cursor:pointer}.project-actions .primary{background:var(--cyan);border-color:var(--cyan);color:var(--navy)}.task-actions{display:flex;gap:6px;margin-top:12px}.task-actions button{font-size:.68rem;padding:6px 8px}.task[draggable=true]{cursor:grab}.kanban-col.dragover{outline:2px dashed var(--cyan)}@media(max-width:800px){.project-actions{justify-content:stretch}.project-actions button{flex:1}}

.perf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.perf-grid article{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:5px}.perf-grid article span,.perf-grid article small{color:var(--muted);font-size:.72rem}.perf-grid article strong{font-size:1.5rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line);font-size:.8rem}th{font-size:.7rem;text-transform:uppercase;color:var(--muted)}

.ecosystem-back{display:block;color:#b9cbd5;text-decoration:none;font-size:.76rem;font-weight:800;padding:8px 2px}.ecosystem-back:hover{color:#fff}.consents label{display:flex;align-items:flex-start;gap:8px;font-weight:600}.consents input{width:auto;margin-top:3px}.empty{text-align:center;padding:34px}.academy-back{position:fixed;right:18px;bottom:18px;z-index:20;background:#fff;color:#071b2b;text-decoration:none;border:1px solid var(--line);border-radius:10px;padding:10px 13px;font-weight:800;box-shadow:0 8px 24px #0002}

.remember{display:flex!important;align-items:center;gap:8px;font-weight:700!important;font-size:.78rem}.remember input{width:auto!important;margin:0}.developer-card{margin-top:auto;border:1px solid #ffffff24;border-radius:14px;padding:14px 10px;display:grid;gap:6px;text-align:center;background:#ffffff0b}.developer-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#f4cf55;color:#082132;font-weight:950}.developer-card small{font-size:.58rem;letter-spacing:.12em;color:#7fded6}.developer-card strong{font-size:.72rem;line-height:1.25;color:#fff}.developer-card span{font-size:.65rem;color:#a9c0cc}.developer-card button{font-size:.66rem;padding:8px;border-radius:9px;border:0;background:#21c9b7;color:#052b32;font-weight:900;cursor:pointer}

.side-brand{display:flex;align-items:center;gap:10px;padding:4px 2px 14px;border-bottom:1px solid #ffffff18}.side-brand .brand-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f4cf55;color:#082132;font-weight:950}.side-brand strong,.side-brand small{display:block}.side-brand strong{font-size:.78rem;color:#fff}.side-brand small{font-size:.56rem;color:#91acb9;margin-top:2px}.company-card{margin-top:auto;border:1px solid #ffffff24;border-radius:14px;padding:13px 10px;display:grid;gap:5px;text-align:center;background:#ffffff0b}.company-logo{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;margin:auto;background:linear-gradient(135deg,#f4cf55,#20c9b7);color:#082132;font-weight:950;font-size:1.15rem}.company-card>strong{font-size:.7rem;color:#fff}.company-card>span{font-size:.58rem;color:#9fb8c4}.company-divider{height:1px;background:#ffffff1d;margin:3px 0}.company-card small{font-size:.57rem;color:#9fb8c4}.company-card b{font-size:.66rem;color:#fff}.company-card button{font-size:.63rem;padding:8px;border:0;border-radius:9px;background:linear-gradient(90deg,#20c9b7,#526cff);color:#fff;font-weight:900;cursor:pointer}

.welcome-row{margin-bottom:18px}.welcome-row h2{margin:3px 0 5px;font-size:1.5rem}.dashboard-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:14px;margin-top:14px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.activity-row,.operation-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.activity-row span,.operation-row span{color:var(--muted);font-size:.78rem}.operation-stack{display:grid}.developer-profile{max-width:700px}@media(max-width:850px){.dashboard-columns{grid-template-columns:1fr}}

.password-field{position:relative;display:flex;align-items:center}.password-field input{width:100%;padding-right:46px}.password-toggle{position:absolute;right:5px;width:36px!important;min-width:36px;padding:7px!important;background:transparent!important;color:inherit!important;border:0!important}.forgot-link{width:auto!important;padding:0!important;margin:-4px 0 12px auto!important;display:block;background:transparent!important;color:#087f73!important;font-size:.78rem!important}.company-card{margin-top:auto;padding:14px 10px;border:1px solid rgba(255,255,255,.12);border-radius:16px;text-align:center;display:grid;gap:5px;background:rgba(255,255,255,.04)}.company-logo,.developer-avatar{margin:auto;display:grid;place-items:center;border-radius:50%;font-weight:900}.company-logo{width:42px;height:42px;background:#ffdc72;color:#071f2c}.developer-avatar{width:32px;height:32px;background:#fff;color:#071f2c}.company-card span,.company-card small{font-size:.66rem;opacity:.75}.company-divider{height:1px;background:rgba(255,255,255,.12);margin:5px 0}.company-card button{font-size:.7rem;padding:8px}.logout{margin-top:8px!important}
.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.catalog-toolbar h2{margin:3px 0}.catalog-primary{border:0;border-radius:11px;padding:12px 16px;background:var(--cyan);color:var(--navy);font-weight:900;cursor:pointer}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.catalog-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.catalog-card img,.catalog-image{width:100%;height:150px;object-fit:cover}.catalog-image{display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),#0b5066);color:var(--gold);font-size:1.7rem;font-weight:950}.catalog-body{padding:16px;display:grid;gap:8px}.catalog-body h3,.catalog-body p{margin:0}.catalog-body p{color:var(--muted);font-size:.8rem;line-height:1.4}.catalog-body strong{font-size:1.2rem}.catalog-body small{color:var(--muted)}.catalog-meta{display:flex;justify-content:space-between;gap:8px;font-size:.7rem;text-transform:uppercase}.catalog-meta b{padding:4px 7px;border-radius:999px;background:#e8eef2}.status-published{color:#08786e!important;background:#dff8f3!important}.status-paused{color:#8b5e00!important;background:#fff1c9!important}.catalog-actions{display:flex;gap:8px;margin-top:5px}.catalog-actions button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 10px;font-weight:800;cursor:pointer}@media(max-width:650px){.catalog-toolbar{align-items:stretch;flex-direction:column}.catalog-primary{width:100%}}

.admin-integrations{display:grid;gap:14px}.integration-card{margin-top:0}.integration-status{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:.7rem;font-weight:900;text-transform:uppercase}.integration-status.ready{background:#dcf8ef;color:#08745e}.integration-status.attention{background:#fff0d7;color:#8b5b00}.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.integration-grid>div{border:1px solid var(--line);border-radius:12px;padding:13px;background:#f8fbfc}.integration-grid span{display:block;color:var(--muted);font-size:.68rem;margin-bottom:4px}.integration-grid strong{font-size:.82rem}.integration-message{padding:13px 14px;border-radius:12px;font-size:.8rem;line-height:1.5}.integration-message.ok{background:#e7f9f4;color:#08745e}.integration-message.warn{background:#fff4dc;color:#7a5500}.integration-actions{margin-top:14px;display:flex;justify-content:flex-end}@media(max-width:760px){.integration-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.integration-grid{grid-template-columns:1fr}}


/* ===== OYAG Responsive Review 2026-09-18 ===== */
html,body{max-width:100%;overflow-x:hidden}
.shell,.workspace,#content,.panel,.metric,.dashboard-columns,.admin-integrations{min-width:0}
.mobile-menu-toggle,.mobile-menu-backdrop{display:none}
.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-wrap table{width:100%}
.panel,.metric{overflow-wrap:anywhere}
.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}

@media(max-width:800px){
  body{min-width:0}
  .shell{display:block;min-height:100dvh;width:100%;overflow-x:hidden}
  aside{
    position:fixed;
    inset:0 auto 0 0;
    z-index:1001;
    width:min(84vw,300px);
    height:100dvh;
    padding:18px 14px;
    overflow-y:auto;
    transform:translateX(-104%);
    transition:transform .22s ease;
    box-shadow:18px 0 50px #0004;
  }
  .shell.mobile-menu-open aside{transform:translateX(0)}
  aside nav{display:grid;overflow:visible;gap:6px}
  aside nav button{white-space:normal;width:100%}
  .company-card{margin-top:14px}
  .logout{margin-top:8px!important}
  .mobile-menu-backdrop{
    position:fixed;
    inset:0;
    z-index:1000;
    border:0;
    padding:0;
    background:#061b2b99;
  }
  .shell.mobile-menu-open .mobile-menu-backdrop{display:block}
  .workspace{
    width:100%;
    max-width:100%;
    min-width:0;
    padding:14px 12px 32px;
    overflow-x:hidden;
  }
  .workspace>header{
    position:sticky;
    top:0;
    z-index:30;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    margin:-14px -12px 16px;
    padding:12px;
    background:rgba(244,248,251,.96);
    border-bottom:1px solid var(--line);
    backdrop-filter:blur(10px);
  }
  .mobile-menu-toggle{
    display:inline-grid;
    place-items:center;
    width:42px;
    height:42px;
    border:1px solid var(--line);
    border-radius:11px;
    background:#fff;
    color:var(--navy);
    font-size:1.25rem;
    font-weight:900;
  }
  .workspace-title{min-width:0}
  .workspace-title .eyebrow{margin:0}
  .workspace-title h1{margin:2px 0 0;font-size:1.18rem;line-height:1.1}
  .user{
    max-width:40vw;
    min-width:0;
    overflow:hidden;
    text-align:right;
  }
  .user b,.user span{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .metric,.panel{padding:15px;border-radius:13px}
  .metric strong{font-size:1.5rem}
  .dashboard-columns{grid-template-columns:minmax(0,1fr)}
  .panel-heading{align-items:flex-start;gap:8px;flex-wrap:wrap}
  .integration-grid{grid-template-columns:minmax(0,1fr)}
  .catalog-toolbar{align-items:stretch;flex-direction:column}
  .catalog-primary{width:100%}
  .catalog-grid{grid-template-columns:minmax(0,1fr)}
  .project-actions{justify-content:stretch;flex-wrap:wrap}
  .project-actions button{flex:1 1 140px}
  .kanban{
    width:100%;
    grid-template-columns:repeat(6,minmax(250px,82vw));
    overflow-x:auto;
    overscroll-behavior-inline:contain;
  }
  .table-wrap{width:100%;border-radius:10px}
  .table-wrap table{min-width:680px}
  th,td{padding:10px 9px;font-size:.76rem}
  .perf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .activity-row,.operation-row{align-items:flex-start}
}

@media(max-width:480px){
  .workspace{padding-left:10px;padding-right:10px}
  .workspace>header{margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}
  .grid{grid-template-columns:minmax(0,1fr)}
  .perf-grid{grid-template-columns:minmax(0,1fr)}
  .metric,.panel{padding:14px}
  .metric strong{font-size:1.35rem}
  .user{max-width:34vw;font-size:.7rem}
  .kanban{grid-template-columns:repeat(6,minmax(245px,88vw))}
  .auth-card{width:min(94vw,430px);padding:24px 18px}
}

@media(min-width:801px){
  .shell{grid-template-columns:255px minmax(0,1fr)}
  aside{position:sticky;top:0;height:100vh;overflow-y:auto}
  .workspace{max-width:100%;overflow-x:hidden}
}

/* ===== Gestão de Entrega OYAG ===== */
body.delivery-modal-open{overflow:hidden}
.delivery-modal[hidden]{display:none!important}
.delivery-modal{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:20px}
.delivery-modal-backdrop{position:absolute;inset:0;background:#061b2bb8;backdrop-filter:blur(3px)}
.delivery-modal-card{position:relative;width:min(720px,96vw);max-height:min(90vh,820px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 80px #061b2b55;padding:22px}
.delivery-modal-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:16px}
.delivery-modal-head h2{margin:3px 0 4px}
.delivery-modal-head p{margin:0;color:var(--muted)}
.delivery-close{border:0;background:#eef3f6;color:var(--navy);width:38px;height:38px;border-radius:11px;font-size:1.45rem;cursor:pointer}
.delivery-current{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:16px 0;padding:12px 14px;border-radius:12px;background:#f4f8fa}
.delivery-current span{font-size:.72rem;color:var(--muted)}
.delivery-current strong{font-size:.83rem;color:#08786e}
.delivery-form{display:grid;gap:15px}
.delivery-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.delivery-field{display:grid;gap:6px}
.delivery-field.span-2{grid-column:1/-1}
.delivery-field>span{font-size:.75rem;font-weight:900;color:var(--navy)}
.delivery-field input,.delivery-field select,.delivery-field textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:11px;padding:11px 12px;color:var(--navy);font:inherit;outline:none}
.delivery-field input:focus,.delivery-field select:focus,.delivery-field textarea:focus{border-color:#23cbbb;box-shadow:0 0 0 3px #23cbbb22}
.delivery-field small{color:var(--muted);line-height:1.45}
.delivery-preview{border:1px solid #bfe6de;background:#f0fbf8;border-radius:13px;padding:13px}
.delivery-preview span{display:block;font-size:.68rem;color:#47766f;margin-bottom:3px}
.delivery-preview strong{display:block;color:#08786e}
.delivery-preview p{margin:5px 0 0;color:#44616a;font-size:.78rem;line-height:1.45}
.delivery-form-error{min-height:18px;color:#a73c2c;font-size:.78rem;font-weight:800}
.delivery-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}
.delivery-modal-actions .button{cursor:pointer}
.delivery-done{display:inline-flex;padding:8px 10px;border-radius:10px;background:#e7f9f4;color:#08745e;font-size:.72rem;font-weight:900}
@media(max-width:620px){
 .delivery-modal{padding:8px}
 .delivery-modal-card{width:100%;max-height:96vh;border-radius:16px;padding:16px}
 .delivery-form-grid{grid-template-columns:1fr}
 .delivery-field.span-2{grid-column:auto}
 .delivery-modal-actions{display:grid;grid-template-columns:1fr}
 .delivery-modal-actions>*{width:100%}
}


/* ===== OYAG Interface Modern 2026-09-19 ===== */
:root{--navy:#07192d;--cyan:#18c6d3;--gold:#f2c94c;--paper:#f4f7fb;--ink:#102033;--muted:#66788a;--line:rgba(15,42,67,.11);--blue:#1967ff;--purple:#7957ff}
body{letter-spacing:-.005em;background:radial-gradient(circle at 96% 0,rgba(25,103,255,.065),transparent 24%),var(--paper)}
button,input,select,textarea{font:inherit;transition:border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(25,103,255,.22);outline-offset:2px}
.shell{grid-template-columns:276px minmax(0,1fr)}
aside{padding:20px 15px;background:linear-gradient(180deg,#07192d,#08233a);box-shadow:12px 0 36px rgba(17,38,63,.08)}
.oyag-logo{padding:2px 6px 8px}.oyag-logo span{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--cyan),var(--blue) 58%,var(--purple));color:#fff;box-shadow:0 10px 26px rgba(25,103,255,.25)}.oyag-logo b{letter-spacing:.035em}
.ecosystem-back{margin:0 4px;padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.045)}
aside nav{gap:5px}aside nav button{position:relative;min-height:43px;padding:10px 12px;border-radius:12px}
aside nav button:hover{transform:translateX(2px);background:rgba(255,255,255,.08)}
aside nav button.active{color:#fff;background:linear-gradient(100deg,rgba(25,103,255,.32),rgba(24,198,211,.12));box-shadow:inset 3px 0 0 var(--cyan)}
.company-card{border-radius:18px!important;background:linear-gradient(145deg,rgba(25,103,255,.13),rgba(24,198,211,.06))!important;box-shadow:0 12px 30px rgba(0,0,0,.12)}
.company-logo{border-radius:14px!important;background:linear-gradient(135deg,var(--cyan),var(--blue) 58%,var(--purple))!important;color:#fff!important}
.workspace{padding:26px clamp(18px,3vw,42px) 42px}
.workspace>header{margin-bottom:24px;padding:8px 0 16px;border-bottom:1px solid var(--line)}
.workspace-title h1{margin:3px 0 0;letter-spacing:-.035em}.eyebrow{color:var(--blue);letter-spacing:.17em}
.metric,.panel,.catalog-card,.kanban-col{border-color:var(--line);border-radius:20px;box-shadow:0 9px 28px rgba(17,38,63,.06)}
.metric{position:relative;overflow:hidden;min-height:136px;padding:20px}.metric:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--blue),var(--cyan))}
.metric:hover,.catalog-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(17,38,63,.1)}
.metric strong{letter-spacing:-.04em}.panel{padding:22px}.catalog-card{transition:transform .2s ease,box-shadow .2s ease}
.catalog-primary,.project-actions .primary{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#fff;box-shadow:0 9px 22px rgba(25,103,255,.18)}
.activity-row,.operation-row{border-radius:11px;padding-inline:8px}.activity-row:hover,.operation-row:hover{background:rgba(25,103,255,.045)}
@media(max-width:800px){.shell{display:block}.workspace{padding:14px 12px 34px}.workspace>header{padding:12px;margin:-14px -12px 17px;background:rgba(244,247,251,.96)}.mobile-menu-toggle{border-radius:13px;box-shadow:0 5px 16px rgba(17,38,63,.08)}.metric,.panel{border-radius:16px}.metric{min-height:118px;padding:16px}}
@media(max-width:480px){.workspace{padding-left:10px;padding-right:10px}.grid{grid-template-columns:1fr}.metric{min-height:108px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* ===== OYAG DARK V2 · 2026-09-19 ===== */
:root{--navy:#030812;--cyan:#16f2c8;--gold:#f2c94c;--paper:#02050b;--ink:#eef7ff;--muted:#8da4b8;--line:rgba(46,167,255,.16);--blue:#2ea7ff;--purple:#7a5cff;--dark-surface:rgba(8,20,36,.82);--dark-surface-2:rgba(12,30,50,.72);--dark-glow:0 18px 54px rgba(0,0,0,.32)}
html{color-scheme:dark;background:#000}
body{color:var(--ink);background:radial-gradient(circle at 85% 4%,rgba(46,167,255,.13),transparent 27%),radial-gradient(circle at 18% 88%,rgba(122,92,255,.09),transparent 30%),linear-gradient(145deg,#06101e 0,#02060d 58%,#000 100%);background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:linear-gradient(rgba(46,167,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(46,167,255,.1) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 82%)}
.shell,.workspace,#content{position:relative}.workspace{background:transparent}
aside{background:linear-gradient(180deg,rgba(2,8,17,.98),rgba(5,17,31,.96));border-right:1px solid rgba(22,242,200,.12);box-shadow:18px 0 60px rgba(0,0,0,.28)}
.oyag-logo span,.company-logo{position:relative;background:radial-gradient(circle at 40% 35%,#123d64,#061323 66%,#02060d)!important;border:1px solid rgba(22,242,200,.6)!important;color:#fff!important;box-shadow:0 0 0 4px rgba(46,167,255,.07),0 0 28px rgba(22,242,200,.2)!important;text-shadow:0 0 12px rgba(22,242,200,.8)}
.oyag-logo span:after,.company-logo:after{content:"";position:absolute;inset:-6px;border-radius:inherit;border:1px solid rgba(242,201,76,.28)}
.oyag-logo b{color:#fff}.ecosystem-back{color:#89a5b9;background:rgba(255,255,255,.025);border:1px solid rgba(46,167,255,.08)}
aside nav button,.logout{color:#8ea8ba}
aside nav button:hover{color:#fff;background:rgba(46,167,255,.08)}
aside nav button.active{color:#fff;background:linear-gradient(100deg,rgba(46,167,255,.19),rgba(22,242,200,.075),rgba(122,92,255,.09));box-shadow:inset 3px 0 0 var(--cyan),0 0 22px rgba(46,167,255,.06)}
.company-card{background:linear-gradient(145deg,rgba(12,32,52,.66),rgba(5,13,25,.68))!important;border-color:rgba(46,167,255,.14)!important;backdrop-filter:blur(14px)}
.company-card button,.catalog-primary,.project-actions .primary,.auth-card form>button[type="submit"]{background:linear-gradient(100deg,#0aaea0,var(--blue) 58%,var(--purple))!important;color:#fff!important;border:1px solid rgba(22,242,200,.2)!important;box-shadow:0 10px 28px rgba(46,167,255,.16)}
.workspace>header{border-color:var(--line)}.workspace-title h1,.welcome-row h2,.panel h2,.panel h3,.catalog-toolbar h2{color:#f5faff}.eyebrow{color:var(--cyan);text-shadow:0 0 16px rgba(22,242,200,.25)}
.user b{color:#e6f3ff}.user span{color:var(--muted)}
.metric,.panel,.catalog-card,.kanban-col,.task,.perf-grid article,.integration-grid>div,.delivery-modal-card{color:var(--ink);background:linear-gradient(145deg,rgba(12,29,48,.78),rgba(4,12,23,.88));border-color:var(--line);box-shadow:var(--dark-glow);backdrop-filter:blur(15px)}
.metric:before{background:linear-gradient(var(--cyan),var(--blue),var(--purple));box-shadow:0 0 18px rgba(22,242,200,.45)}
.metric:hover,.catalog-card:hover{border-color:rgba(22,242,200,.27);box-shadow:0 20px 58px rgba(0,0,0,.42),0 0 26px rgba(46,167,255,.07)}
.metric span,.metric small,.catalog-body p,.catalog-body small,.perf-grid article span,.perf-grid article small,.task p,.task small,.activity-row span,.operation-row span{color:var(--muted)}
.panel pre{background:#00060d;border:1px solid rgba(22,242,200,.12);color:#d7fbf5}
.activity-row,.operation-row,th,td{border-color:rgba(46,167,255,.12)}.activity-row:hover,.operation-row:hover{background:rgba(46,167,255,.055)}
.kanban-col{background:rgba(5,15,28,.7)}.kanban-col>header span,.catalog-meta b{background:rgba(46,167,255,.09);border-color:var(--line);color:#b9d4e7}
.project-actions button,.task-actions button,.catalog-actions button,.mobile-menu-toggle,.delivery-close{background:rgba(10,27,45,.9);border-color:var(--line);color:var(--ink)}
input,select,textarea,.delivery-field input,.delivery-field select,.delivery-field textarea{background:rgba(2,9,17,.72);border-color:rgba(46,167,255,.2);color:var(--ink)}
input:focus,select:focus,textarea:focus{border-color:var(--cyan)!important;box-shadow:0 0 0 3px rgba(22,242,200,.1),0 0 22px rgba(22,242,200,.08)!important}
.delivery-current,.delivery-preview{background:rgba(46,167,255,.055);border-color:rgba(22,242,200,.16)}.delivery-field>span,.delivery-current strong,.delivery-preview strong{color:var(--cyan)}.delivery-current span,.delivery-preview span,.delivery-preview p{color:var(--muted)}
.auth-page{position:relative;overflow:hidden;background:radial-gradient(circle at 25% 15%,rgba(22,242,200,.12),transparent 24%),radial-gradient(circle at 78% 18%,rgba(122,92,255,.14),transparent 28%),linear-gradient(145deg,#071526,#02060d 62%,#000)}
.auth-page:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(46,167,255,.13);border-radius:50%;right:-220px;bottom:-250px;box-shadow:0 0 0 70px rgba(46,167,255,.025),0 0 0 140px rgba(122,92,255,.015)}
.auth-card{position:relative;z-index:1;background:linear-gradient(145deg,rgba(12,30,50,.88),rgba(3,10,20,.94));color:var(--ink);border:1px solid rgba(46,167,255,.18);box-shadow:0 30px 90px rgba(0,0,0,.52),0 0 50px rgba(46,167,255,.06);backdrop-filter:blur(20px)}
.auth-card h1{color:#fff}.auth-card .muted,.back{color:var(--muted)}.linkbtn,.forgot-link{color:var(--cyan)!important}.env{color:var(--gold)}
@media(max-width:800px){.workspace>header{background:rgba(2,8,16,.94);border-color:var(--line)}.mobile-menu-toggle{background:rgba(9,25,42,.94);color:#fff}.mobile-menu-backdrop{background:rgba(0,3,8,.82)!important;backdrop-filter:blur(3px)}aside{box-shadow:22px 0 70px rgba(0,0,0,.55)}}
@media(prefers-reduced-motion:no-preference){.oyag-logo span,.company-logo{animation:oyagDarkPulse 4.5s ease-in-out infinite}@keyframes oyagDarkPulse{0%,100%{box-shadow:0 0 0 4px rgba(46,167,255,.07),0 0 22px rgba(22,242,200,.15)}50%{box-shadow:0 0 0 4px rgba(122,92,255,.08),0 0 34px rgba(46,167,255,.25)}}}


/* ===== OYAG LIGHT + DARK THEMES · 2026-09-19 ===== */
:root{--oyag-blue:#2ea7ff;--oyag-blue-strong:#1677ff;--oyag-gold:#f4c960;--oyag-purple:#7a5cff;color-scheme:dark}
html[data-theme="light"]{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}
.theme-toggle{
  min-height:42px;padding:0 13px;border:1px solid rgba(46,167,255,.3);border-radius:14px;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#0b1829;color:#eaf2ff;
  font:800 .82rem/1 Inter,system-ui,sans-serif;cursor:pointer;transition:.2s ease;white-space:nowrap
}
.theme-toggle:hover{transform:translateY(-1px);border-color:var(--oyag-blue);box-shadow:0 10px 26px rgba(46,167,255,.14)}
.theme-toggle:focus-visible{outline:3px solid rgba(46,167,255,.3);outline-offset:3px}
.auth-card>.theme-toggle{position:absolute;top:18px;right:18px}
.auth-card{position:relative}
html[data-theme="dark"] aside nav button.active{border-left-color:var(--oyag-blue)!important;background:linear-gradient(90deg,rgba(46,167,255,.17),rgba(122,92,255,.11))!important}
html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .kicker{color:var(--oyag-blue)!important}

html[data-theme="light"] body{background:#edf3f8;color:#102535}
html[data-theme="light"] aside{background:#fff!important;border-color:#dce7ed!important;box-shadow:18px 0 45px rgba(13,39,64,.06)}
html[data-theme="light"] aside .brand,
html[data-theme="light"] aside .brand strong,
html[data-theme="light"] aside nav button,
html[data-theme="light"] aside nav a{color:#17334a!important}
html[data-theme="light"] aside .brand small,
html[data-theme="light"] aside nav button:not(.active),
html[data-theme="light"] aside nav a:not(.active){color:#607383!important}
html[data-theme="light"] aside nav button.active,
html[data-theme="light"] aside nav a.active{background:linear-gradient(90deg,rgba(46,167,255,.13),rgba(122,92,255,.08))!important;color:#0b3154!important;border-left-color:var(--oyag-blue)!important}
html[data-theme="light"] .workspace,
html[data-theme="light"] main{background:#edf3f8!important;color:#102535}
html[data-theme="light"] .workspace>header,
html[data-theme="light"] .workspace header{background:rgba(255,255,255,.88)!important;border-color:#dce7ed!important;backdrop-filter:blur(18px)}
html[data-theme="light"] .workspace h1,
html[data-theme="light"] .workspace h2,
html[data-theme="light"] .workspace h3,
html[data-theme="light"] .workspace strong,
html[data-theme="light"] .auth-card h1{color:#102535!important}
html[data-theme="light"] .card,
html[data-theme="light"] .panel,
html[data-theme="light"] .stat,
html[data-theme="light"] .kpi,
html[data-theme="light"] .modal,
html[data-theme="light"] .auth-card,
html[data-theme="light"] .empty-state,
html[data-theme="light"] table{background:#fff!important;color:#102535!important;border-color:#dce7ed!important;box-shadow:0 16px 44px rgba(13,39,64,.08)}
html[data-theme="light"] p,
html[data-theme="light"] .muted,
html[data-theme="light"] small,
html[data-theme="light"] label,
html[data-theme="light"] td{color:#607383!important}
html[data-theme="light"] th{color:#27445b!important;background:#f4f8fb!important}
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{background:#fff!important;color:#102535!important;border-color:#cbdbe5!important}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{color:#8da0af}
html[data-theme="light"] .theme-toggle{background:#fff;color:#17334a;border-color:#cbdbe5;box-shadow:0 7px 20px rgba(13,39,64,.08)}
html[data-theme="light"] .auth-page,
html[data-theme="light"] body.auth-page{background:
  radial-gradient(circle at 78% 12%,rgba(46,167,255,.16),transparent 31%),
  radial-gradient(circle at 18% 88%,rgba(244,201,96,.15),transparent 28%),
  #edf3f8!important}
html[data-theme="light"] .btn-primary,
html[data-theme="light"] button.primary,
html[data-theme="light"] .primary-btn{background:linear-gradient(135deg,var(--oyag-blue-strong),var(--oyag-purple))!important;color:#fff!important}
@media(max-width:720px){.theme-toggle-label{display:none}.theme-toggle{width:42px;padding:0}.auth-card>.theme-toggle{top:12px;right:12px}}


/* ===== OYAG NAVIGATION SYSTEM · 2026-09-19 ===== */
#nav{display:flex;flex-direction:column;gap:5px}
#nav .nav-group-label{margin:18px 16px 5px;color:#617c98;font-size:.66rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
#nav button{display:grid!important;grid-template-columns:28px 1fr;align-items:center;gap:9px;text-align:left}
#nav .nav-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(104,153,204,.08);font-size:.94rem;font-weight:900}
#nav button.active .nav-icon{background:rgba(46,167,255,.17);color:#70c2ff}
.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.quick-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}
.quick-actions button{min-height:40px;padding:0 14px;border:1px solid rgba(46,167,255,.28);border-radius:12px;background:rgba(46,167,255,.09);color:inherit;font-weight:800;cursor:pointer}
.quick-actions button:first-child{background:linear-gradient(135deg,#1677ff,#7a5cff);border-color:transparent;color:#fff}
.mobile-bottom-nav{display:none}
html[data-theme="light"] #nav .nav-group-label{color:#8294a4}
html[data-theme="light"] #nav .nav-icon{background:#edf4fa}
html[data-theme="light"] #nav button.active .nav-icon{background:rgba(22,119,255,.13);color:#1677ff}
html[data-theme="light"] .quick-actions button{background:#fff;color:#17334a;border-color:#cbdbe5}
html[data-theme="light"] .quick-actions button:first-child{background:linear-gradient(135deg,#1677ff,#7a5cff);color:#fff;border-color:transparent}
@media(max-width:760px){
  body{padding-bottom:74px}
  .workspace{padding-bottom:88px!important}
  .mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:80;display:grid;grid-template-columns:repeat(5,1fr);min-height:68px;padding:7px max(7px,env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom));background:rgba(3,9,20,.96);border-top:1px solid rgba(82,145,214,.22);backdrop-filter:blur(18px)}
  .mobile-bottom-nav button{border:0;background:transparent;color:#8198b0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:.76rem}
  .mobile-bottom-nav button span{font-size:1.12rem}.mobile-bottom-nav button b{font-size:.66rem}
  .mobile-bottom-nav button.active{color:#5cbbff}
  html[data-theme="light"] .mobile-bottom-nav{background:rgba(255,255,255,.96);border-color:#dce7ed;box-shadow:0 -10px 30px rgba(13,39,64,.08)}
  html[data-theme="light"] .mobile-bottom-nav button{color:#718596}
  html[data-theme="light"] .mobile-bottom-nav button.active{color:#1677ff}
  .welcome-row{align-items:flex-start;flex-direction:column}
  .quick-actions{justify-content:flex-start;width:100%;display:grid;grid-template-columns:1fr 1fr}
  .quick-actions button:first-child{grid-column:1/-1}
}


/* ===== OYAG CONTRAST PASS · 2026-09-19 ===== */
/* Light: surfaces, typography and state separation */
html[data-theme="light"] .metric{
  background:#ffffff!important;
  border-color:#cfdee8!important;
  box-shadow:0 12px 32px rgba(15,45,70,.10)!important;
}
html[data-theme="light"] .metric::before{
  width:4px;
  background:linear-gradient(180deg,#1677ff 0%,#7a5cff 58%,#f4c960 100%)!important;
  box-shadow:none
}
html[data-theme="light"] .metric span{
  color:#49657a!important;
  font-weight:750
}
html[data-theme="light"] .metric strong{
  color:#081f33!important;
  font-weight:950
}
html[data-theme="light"] .metric small{
  color:#5d7486!important;
  font-weight:650
}
html[data-theme="light"] .project-head{
  background:transparent!important;
}
html[data-theme="light"] .progress{
  background:#cddce5!important;
  box-shadow:inset 0 1px 3px rgba(15,45,70,.12)
}
html[data-theme="light"] .progress i{
  background:linear-gradient(90deg,#1677ff,#7a5cff,#f4c960)!important
}
html[data-theme="light"] .workspace-title .eyebrow{
  color:#315a78!important;
  text-shadow:none
}
html[data-theme="light"] .workspace-title h1{color:#081f33!important}
html[data-theme="light"] .user span{color:#526d82!important}
html[data-theme="light"] .user b{color:#173b56!important}
html[data-theme="light"] .mobile-menu-toggle{
  background:#0b2b44!important;
  color:#fff!important;
  border:1px solid #153d5a!important
}
html[data-theme="light"] .mobile-bottom-nav button.active{
  color:#0b63ce!important;
  background:rgba(22,119,255,.09);
  border-radius:12px
}
/* Dark: preserve atmosphere while lifting readable content */
html[data-theme="dark"] .metric span{color:#a9bfd2!important}
html[data-theme="dark"] .metric strong{color:#f4f8ff!important}
html[data-theme="dark"] .metric small{color:#8fa8bd!important}
html[data-theme="dark"] .progress{background:#1a3044!important}
@media(max-width:760px){
  html[data-theme="light"] .metric{min-height:118px}
  .mobile-bottom-nav button{margin:0 2px}
}


/* ===== OYAG OFFICIAL BRAND · 2026-09-20 ===== */
.oyag-logo .oyag-brand-symbol{width:48px;height:48px;display:block;flex:0 0 auto;border-radius:15px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(46,167,255,.18))}
.company-logo.oyag-brand-symbol{width:64px;height:64px;padding:0;background:transparent!important;border-radius:19px;object-fit:contain;box-shadow:0 10px 28px rgba(46,167,255,.18)}
.auth-card .oyag-logo .oyag-brand-symbol{width:54px;height:54px}
html[data-theme="light"] .oyag-logo .oyag-brand-symbol{filter:drop-shadow(0 8px 16px rgba(13,39,64,.14))}
@media(max-width:760px){.oyag-logo .oyag-brand-symbol{width:46px;height:46px}.company-logo.oyag-brand-symbol{width:58px;height:58px}}


/* Approved Dark 2 emblem */
.oyag-brand-symbol{object-fit:contain!important;background:transparent!important;border-radius:0!important}
.oyag-logo .oyag-brand-symbol{filter:drop-shadow(0 0 13px rgba(46,167,255,.28))!important}
.company-logo.oyag-brand-symbol{box-shadow:none!important}


/* OYAG sidebar identity contrast v1 */
.company-card{
 background:linear-gradient(145deg,#102a3f,#071827)!important;
 border-color:rgba(83,196,255,.34)!important;
 box-shadow:0 14px 34px rgba(0,0,0,.24)!important;
 color:#fff!important;
}
.company-card>strong,.company-card>b{color:#fff!important;opacity:1!important;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.company-card>span{color:#e5f2f8!important;opacity:1!important}
.company-card>small{color:#bfeeff!important;opacity:1!important;font-weight:750!important}
.company-card .company-divider{background:rgba(255,255,255,.26)!important}
.company-card .developer-avatar{background:#fff!important;color:#08263a!important;border:2px solid rgba(83,196,255,.5)!important}
.company-card button{color:#fff!important}
html[data-theme="light"] .company-card{background:linear-gradient(145deg,#17394f,#0a2134)!important}


/* OYAG Agenda */
.agenda-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:18px}.agenda-toolbar h2{margin:4px 0}.agenda-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.agenda-secondary{border:1px solid var(--line);background:var(--surface, #fff);color:inherit;border-radius:10px;padding:10px 13px;font-weight:800;cursor:pointer}.agenda-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.agenda-rule-grid article{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px}.agenda-rule-grid span,.agenda-rule-grid strong,.agenda-rule-grid small{display:block}.agenda-rule-grid span{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.agenda-rule-grid strong{margin:3px 0}.agenda-rule-grid small{color:var(--muted)}.agenda-rule-grid button,.agenda-row-actions button{border:1px solid var(--line);background:transparent;color:inherit;border-radius:9px;padding:7px 9px;font-weight:800;cursor:pointer}.agenda-row-actions{display:flex;gap:6px;flex-wrap:wrap}.agenda-row-actions button:hover,.agenda-rule-grid button:hover,.agenda-secondary:hover{border-color:var(--oyag-blue,#2ea7ff)}
@media(max-width:850px){.agenda-toolbar{display:grid;align-items:start}.agenda-rule-grid{grid-template-columns:1fr}.agenda-row-actions{min-width:210px}}

/* OYAG connected modules */
#nav .module-link{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:9px;padding:9px 12px;margin:1px 0;border-radius:11px;color:#a9bfd2;text-decoration:none;font-size:.82rem;font-weight:800}
#nav .module-link:hover{background:rgba(46,167,255,.10);color:#fff}
#nav .module-link .nav-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(104,153,204,.08)}
.module-launchpad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:18px 0}
.module-launchpad a{min-height:96px;padding:15px;border:1px solid rgba(82,145,214,.22);border-radius:15px;background:linear-gradient(145deg,#091728,#0b1e31);display:flex;gap:12px;align-items:center;text-decoration:none;color:#eef5ff;box-shadow:0 14px 34px rgba(0,0,0,.16);transition:.2s ease}
.module-launchpad a:hover{transform:translateY(-3px);border-color:rgba(46,167,255,.45)}
.module-launchpad>a>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(46,167,255,.12);color:#70c2ff;font-size:1.15rem}
.module-launchpad strong,.module-launchpad small{display:block}.module-launchpad small{margin-top:4px;color:#91a8bd}
@media(max-width:980px){.module-launchpad{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.module-launchpad{grid-template-columns:1fr}}