/*
ARCHIDOT STUDIO — PROPRIETARY AND CONFIDENTIAL
Copyright (c) 2026 ArchiDot Studio. All rights reserved.

This source code is the intellectual property of ArchiDot Studio.
Unauthorized copying, modification, distribution, disclosure,
sublicensing, or commercial use is prohibited without prior
written permission from ArchiDot Studio.
*/

.standards-tabs{display:flex;gap:8px;margin:0 0 18px;align-items:center}
.standards-tabs a{padding:8px 16px;border-radius:6px;text-decoration:none;color:#b8c6da}
.standards-tabs a[aria-current="page"]{background:#293b50;color:#99cc66;box-shadow:inset 0 -2px #99cc66}
.standards-filter{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;margin-bottom:20px}
.standards-filter label{flex:1 1 220px;margin:0}.standards-filter label input,.standards-filter select{height:38px;margin:6px 0 0;padding:6px 10px}
.standards-filter button{height:38px;margin:0;padding:0 18px;align-self:flex-end}
.standards-group{font-size:18px;margin:22px 0 10px;padding-left:10px;border-left:3px solid #99cc66}
.standards-table{width:100%;table-layout:fixed}.standards-table th:nth-child(1){width:28%}.standards-table th:nth-child(2){width:40%}.standards-table th:nth-child(3){width:20%}.standards-table th:nth-child(4){width:12%}
.standards-table td{vertical-align:top;overflow-wrap:anywhere;padding:14px 12px}.standards-table small{display:block;font-size:12px;margin-top:5px;color:#9aabc2}
.standards-download{display:inline-block;border:1px solid #42536b;border-radius:5px;padding:5px 10px;text-decoration:none;font-size:13px}
.completion-notify{margin:12px 0 18px}.completion-people{display:flex;gap:12px 20px;flex-wrap:wrap}.completion-people label{display:flex;align-items:center;gap:7px;margin:0}.completion-people input[type="checkbox"]{width:16px;height:16px;margin:0}
@media(max-width:760px){.standards-table{min-width:760px}.standards-panel{padding:14px}}

html[data-theme="dark"] #daily-tasks .todo-share-meta{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:0 1 210px;min-width:150px;margin:0}
html[data-theme="dark"] #daily-tasks .todo-share-meta small{display:block;margin:0;font-size:12px;line-height:1.4;color:rgb(153,204,102);overflow-wrap:anywhere}
html[data-theme="dark"] #daily-tasks svg.todo-shared-icon,html[data-theme="dark"] #daily-tasks svg.todo-shared-icon *{color:rgb(153,204,102)!important}
@media(max-width:700px){html[data-theme="dark"] #daily-tasks .todo-share-meta{flex-basis:100%;padding-left:25px}}

/* Stable sharing and action columns, including rows without owner actions. */
html[data-theme="dark"] #daily-tasks .todo-item.ad-todo-row{display:grid;grid-template-columns:minmax(0,1fr) 210px 88px 62px 80px;gap:6px 14px;align-items:center}
html[data-theme="dark"] #daily-tasks .todo-item.ad-todo-row>.todo-line{grid-column:1;grid-row:1;min-width:0;flex-wrap:wrap}
html[data-theme="dark"] #daily-tasks .todo-item.ad-todo-row>.todo-share-meta{grid-column:2;grid-row:1;min-width:0;width:100%;padding:0;justify-self:start}
html[data-theme="dark"] #daily-tasks .todo-item.ad-todo-row>.todo-edit{grid-column:3;grid-row:1}
html[data-theme="dark"] #daily-tasks .todo-item.ad-todo-row>.todo-delete{grid-column:4;grid-row:1}
html[data-theme="dark"] #daily-tasks .todo-item.ad-todo-row>.todo-sharing{grid-column:5;grid-row:1}
html[data-theme="dark"] #daily-tasks .todo-item.ad-todo-row>details>summary{white-space:nowrap}
html[data-theme="dark"] #daily-tasks .todo-item.ad-todo-row>details[open]{grid-column:1 / -1;grid-row:auto;min-width:0}
@media(max-width:850px){
 html[data-theme="dark"] #daily-tasks .todo-item.ad-todo-row{grid-template-columns:minmax(0,1fr) 88px 62px 80px;column-gap:8px}
 html[data-theme="dark"] #daily-tasks .todo-item.ad-todo-row>.todo-line{grid-column:1 / -1;grid-row:1}
 html[data-theme="dark"] #daily-tasks .todo-item.ad-todo-row>.todo-share-meta{grid-column:1;grid-row:2;padding-left:25px;box-sizing:border-box}
 html[data-theme="dark"] #daily-tasks .todo-item.ad-todo-row>.todo-edit{grid-column:2;grid-row:2}
 html[data-theme="dark"] #daily-tasks .todo-item.ad-todo-row>.todo-delete{grid-column:3;grid-row:2}
 html[data-theme="dark"] #daily-tasks .todo-item.ad-todo-row>.todo-sharing{grid-column:4;grid-row:2}
 html[data-theme="dark"] #daily-tasks .todo-item.ad-todo-row>details[open]{grid-column:1 / -1;grid-row:auto}
}

/* Align sharing text to the common right edge before the edit column. */
html[data-theme="dark"] #daily-tasks .todo-item.ad-todo-row>.todo-share-meta{
 align-items:flex-end;
 text-align:right;
 justify-self:end;
 padding:0;
}
html[data-theme="dark"] #daily-tasks .todo-item.ad-todo-row>.todo-share-meta small{
 width:100%;
 text-align:right;
}

/* Delivery list: compact order number, wider project and delivery title. */
html[data-theme="dark"] table.delivery-list-table{table-layout:fixed;width:100%;min-width:1200px}
html[data-theme="dark"] table.delivery-list-table col:nth-child(1){width:8%}
html[data-theme="dark"] table.delivery-list-table col:nth-child(2){width:26%}
html[data-theme="dark"] table.delivery-list-table col:nth-child(3){width:12%}
html[data-theme="dark"] table.delivery-list-table col:nth-child(4){width:9%}
html[data-theme="dark"] table.delivery-list-table col:nth-child(5){width:9%}
html[data-theme="dark"] table.delivery-list-table col:nth-child(6){width:10%}
html[data-theme="dark"] table.delivery-list-table col:nth-child(7){width:9%}
html[data-theme="dark"] table.delivery-list-table col:nth-child(8){width:8%}
html[data-theme="dark"] table.delivery-list-table col:nth-child(9){width:9%}
html[data-theme="dark"] table.delivery-list-table th,html[data-theme="dark"] table.delivery-list-table td{padding:14px 10px;vertical-align:top;overflow-wrap:anywhere}
html[data-theme="dark"] table.delivery-list-table td:first-child{white-space:nowrap;overflow-wrap:normal}
html[data-theme="dark"] table.delivery-list-table .delivery-project-name{font-weight:600}
html[data-theme="dark"] table.delivery-list-table .delivery-title{margin-top:5px;line-height:1.45}

/* Sharing labels share the same leading C axis before the edit column. */
html[data-theme="dark"] #daily-tasks .todo-item.ad-todo-row>.todo-share-meta{
 align-items:flex-start;
 text-align:left;
 justify-self:start;
 padding:0;
}
html[data-theme="dark"] #daily-tasks .todo-item.ad-todo-row>.todo-share-meta small{
 width:100%;
 text-align:left;
}

/* Explicit common starting edge for all sharing labels. */
html[data-theme="dark"] #daily-tasks .todo-item.ad-todo-row>.todo-share-meta{
 display:block!important;width:100%!important;min-width:0!important;
 text-align:left!important;justify-self:stretch!important;padding:0!important;margin:0!important;
}
html[data-theme="dark"] #daily-tasks .todo-item.ad-todo-row>.todo-share-meta small{
 display:block!important;width:100%!important;text-align:left!important;margin:0!important;padding:0!important;
}

/* ArchiDot mobile/iPad layout v2.9.6. CSS only, no application/data changes. */
@media screen and (max-width:1100px), screen and (pointer:coarse){
 html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
 html body{min-width:0;max-width:100%;margin:0}
 html body *,html body *::before,html body *::after{box-sizing:border-box}
 html body input:not([type=checkbox]):not([type=radio]):not([type=hidden]),html body select,html body textarea{font-size:16px!important;max-width:100%;min-width:0;min-height:44px}
 html body button,html body .button,html body input[type=submit],html body input[type=button]{min-height:44px;min-width:44px;white-space:normal;touch-action:manipulation}
 html body summary{min-height:44px;padding-top:10px;padding-bottom:10px;cursor:pointer;overflow-wrap:anywhere}
 html body input[type=checkbox],html body input[type=radio]{width:22px;height:22px;min-width:22px;flex-shrink:0;vertical-align:middle}
 html body input[type=file]{width:100%;overflow:hidden}
 html body input[type=file]::file-selector-button{min-height:44px;font:inherit;max-width:100%}
 html body textarea{min-height:110px;resize:vertical;line-height:1.5}
 html body :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #99cc66;outline-offset:3px}
 html body nav a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;touch-action:manipulation}
 html body .tablewrap{width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
 html body .tablewrap table{width:100%;min-width:680px;max-width:none}
 html body table.delivery-list-table{min-width:1100px}
 html body .tablewrap td,html body .tablewrap th{padding:12px 10px;vertical-align:top}
 html body .tablewrap td a{display:inline-flex;align-items:center;min-height:44px;padding:4px 2px}
 html body .tablewrap input:not([type=checkbox]):not([type=radio]){min-width:110px}
 html body dialog{width:calc(100% - 24px)!important;max-width:760px!important;min-width:0!important;max-height:85vh;max-height:85dvh;overflow-y:auto;overscroll-behavior-y:contain;padding:18px;margin:auto;border-radius:12px}
 html body dialog::backdrop{background:rgba(0,0,0,.65)}
 html body [role=dialog]{max-width:calc(100vw - 24px);max-height:85vh;max-height:85dvh;overflow:auto}
 html body :is(main,.panel,.columns,.grid,.overview-metrics,.adcat,.catalog-layout)>*{min-width:0}
 html body :is(h1,h2,h3,.comment,.back,.project,.todo-line,.todo-share-meta){overflow-wrap:anywhere}
 html body :is(.heading,.overview-heading,.overview-actions,.filters,.standards-filter,.adcat-filters){flex-wrap:wrap;gap:12px}
 html body .filters label,html body .standards-filter label{min-width:0;max-width:100%}
 html body :is(.completion-people,.catalog-choices) label{min-height:44px;align-items:center}
 html body :is(.adcat-image,.offer-item-body) img{max-width:100%;height:auto}
 html body .adcat-notes,html body pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
 html body footer{padding-bottom:max(16px,env(safe-area-inset-bottom));overflow-wrap:anywhere}
 /* Compact desktop filter expands only for touch/mobile use. */
 html body #daily-tasks .ad-todo-filter select,html body #daily-tasks .ad-todo-filter button{height:44px!important;min-height:44px!important;font-size:16px!important}
 html body #daily-tasks .ad-todo-filter select{width:240px;max-width:100%;padding:8px 28px 8px 10px}
 html body #daily-tasks .daily-row label{min-height:44px;gap:10px;align-items:center}
 html body #daily-tasks .daily-row label span{white-space:normal;overflow-wrap:anywhere}
}
@media screen and (max-width:1100px){
 html body>header{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important;height:auto!important;min-height:0!important;padding:12px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left))!important}
 html body>header .brand{flex:1 1 auto;font-size:25px;line-height:1.15;max-width:100%}
 html body>header .brand span{font-size:11px;letter-spacing:.1em}
 html body>header>nav{order:3;flex:1 0 100%;width:100%;min-width:0;display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:stretch!important;gap:6px!important;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:4px 2px 8px;margin:0}
 html body>header>nav>a{flex:0 0 auto;white-space:nowrap;font-size:15px;border-radius:7px}
 html body>header form{margin:0;max-width:100%}
 html body>main{width:100%!important;max-width:100%!important;min-width:0!important;padding:18px max(14px,env(safe-area-inset-right)) 26px max(14px,env(safe-area-inset-left))!important;margin:0 auto!important}
 html body>.adcat{padding:14px max(14px,env(safe-area-inset-right)) 26px max(14px,env(safe-area-inset-left))}
 html body>nav{max-width:100%;display:flex;flex-wrap:wrap;padding:8px 12px;gap:4px}
 html body :is(.catalog-tabs,.standards-tabs,.adcat-nav){max-width:100%;display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:2px 0 8px;-webkit-overflow-scrolling:touch}
 html body :is(.catalog-tabs,.standards-tabs,.adcat-nav) a{flex:0 0 auto;white-space:nowrap}
 html body .columns{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
 html body .overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 html body .panel{padding:16px!important;min-width:0;max-width:100%;margin-left:0;margin-right:0}
 html body .login{width:calc(100% - 28px);max-width:440px;margin:24px auto;padding:20px}
 html body .adcat-filters{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}
 html body .adcat-hero{display:grid;grid-template-columns:minmax(0,1fr)!important}
 html body #daily-tasks .todo-header{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
 html body #daily-tasks .ad-todo-title{flex:1 1 auto;flex-wrap:wrap}
 html body #daily-tasks .ad-todo-filter{display:flex;flex-wrap:wrap;align-items:center;max-width:100%;width:auto;min-width:0;margin:0}
 html body #daily-tasks .ad-todo-filter label{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;max-width:100%}
 html body #daily-tasks .todo-count{flex:0 0 auto;white-space:nowrap}
}
@media screen and (max-width:700px){
 html body h1{font-size:26px;line-height:1.2}
 html body h2{font-size:21px;line-height:1.3}
 html body :is(.grid,.catalog-layout,.adcat-filters){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px}
 html body .grid label,html body .filters label{width:100%;min-width:0!important;max-width:100%}
 html body .filters{display:flex;flex-direction:column;align-items:stretch}
 html body .filters>button{align-self:flex-start;margin:0}
 html body .overview-actions{display:flex;flex-wrap:wrap;width:100%}
 html body .overview-actions>*{flex:1 1 140px}
 html body .heading{align-items:flex-start;gap:12px}
 html body .heading>h1,html body .heading>h2{margin:0}
 html body .metric{padding:14px 12px}
 html body .metric strong{font-size:30px}
 html body #daily-tasks .todo-item.ad-todo-row{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:4px 12px!important;padding:12px 0!important}
 html body #daily-tasks .todo-item.ad-todo-row>.todo-line{flex:1 0 100%;width:100%;min-width:0}
 html body #daily-tasks .todo-item.ad-todo-row>.todo-share-meta{flex:1 0 100%;width:100%;min-width:0!important;margin:0!important;padding-left:32px!important;text-align:left!important}
 html body #daily-tasks .todo-item.ad-todo-row>details{flex:0 1 auto;max-width:100%;min-width:0}
 html body #daily-tasks .todo-item.ad-todo-row>details[open]{flex:1 0 100%;width:100%}
 html body #daily-tasks .todo-item.ad-todo-row>details>summary{min-height:44px;padding:10px 8px;white-space:normal}
 html body #daily-tasks .todo-item .daily-row{min-width:0;width:100%;max-width:100%}
 html body #daily-tasks .todo-item .daily-row label{display:flex;width:100%;min-width:0;align-items:flex-start}
 html body #daily-tasks .todo-item .daily-row label input{margin-top:2px}
 html body #daily-tasks .daily-add{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}
 html body #daily-tasks .daily-add .daily-input{flex:1 1 190px;min-width:0}
 html body #daily-tasks .daily-add input{width:100%;min-height:44px}
 html body #daily-tasks .daily-add button{flex:0 0 auto}
 html body #daily-tasks .ad-todo-filter{order:3;flex:1 0 100%;width:100%}
 html body #daily-tasks .ad-todo-filter label{flex:1 1 210px;display:block;font-size:13px}
 html body #daily-tasks .ad-todo-filter select{display:block;width:100%;margin-top:5px}
 html body #daily-tasks .ad-todo-filter button{align-self:flex-end;flex:0 0 auto}
 html body .todo-edit-form,html body .todo-sharing form{display:flex;flex-wrap:wrap;gap:8px;min-width:0;max-width:100%}
 html body .todo-edit-form label,html body .todo-sharing form label{flex:1 0 100%;min-width:0}
 html body .workspace-date{max-width:100%;margin:12px 0;font-size:24px}
 html body .project-summary{max-width:100%;min-width:0}
}
@media screen and (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 html body :is(dialog,.panel,nav a,button,.button){animation-duration:.01ms!important;transition-duration:.01ms!important}
}