/* Shared visual rhythm. Functional workspaces retain their own scrolling. */ :root[data-design] body:not(.crm-chat-page) #page>.page-head{margin-bottom:18px;gap:16px} :root[data-design] body:not(.crm-chat-page) #page>.page-head h1{font-size:26px;line-height:1.3} :root[data-design] body:not(.crm-chat-page) #page>.page-head p{margin:4px 0 0;line-height:1.5} :root[data-design] #page:has(>.hero){max-width:1360px!important;margin-inline:auto;padding:20px 24px 32px!important} :root[data-design] #page>.hero.card{min-height:0!important;padding:18px 22px!important;border-radius:16px!important;margin-bottom:16px!important;display:flex!important;align-items:center;justify-content:space-between;gap:16px;background:var(--surface)!important;box-shadow:none!important} :root[data-design] #page>.hero h1{font-size:24px!important;line-height:1.3;margin:0 0 6px!important;letter-spacing:-.4px} :root[data-design] #page>.hero p{margin:0!important;font-size:13px!important} :root[data-design] #page>.hero .kicker{display:none} :root[data-design] #page>.hero>small{white-space:nowrap;color:var(--muted)} :root[data-design] #page .o62-home{margin:0 0 14px!important} :root[data-design] #page .o62-home .o62-summary{padding:16px 18px!important;border-radius:16px!important;box-shadow:none!important} :root[data-design] #page .o62-home h2{font-size:18px!important;margin:0!important} :root[data-design] #page .o62-home .muted{font-size:13px!important;margin:4px 0 0!important} :root[data-design] #page .o62-home .o62-metrics{gap:8px!important;margin:14px 0!important} :root[data-design] #page .o62-home .o62-metrics button{padding:12px!important;min-height:82px!important;align-items:flex-start!important;text-align:left!important;gap:6px!important;border-radius:10px!important;background:var(--surface2)!important;box-shadow:none!important} :root[data-design] #page .o62-home .o62-metrics strong{font-size:24px!important;line-height:1.1} :root[data-design] #page .o62-home .o62-metrics span{font-size:12px!important;line-height:1.45;font-weight:500} :root[data-design] #page .o62-home .o62-toolbar{margin:0!important;padding:0!important;gap:4px!important;border:0!important;background:transparent!important} :root[data-design] #page .o62-home .o62-toolbar button{padding:7px 10px!important;min-height:36px!important;font-size:12px!important} :root[data-design] #page>.home-kpis{gap:10px!important;margin:0 0 16px!important} :root[data-design] #page>.home-kpis>*{padding:12px 16px!important;min-height:88px!important;border-radius:12px!important;box-shadow:none!important;background:var(--surface)!important} :root[data-design] #page>.home-kpis strong{font-size:24px!important;margin:6px 0!important} :root[data-design] #page .home-layout{grid-template-columns:minmax(0,1fr) 270px!important;gap:18px!important;align-items:start} :root[data-design] #page .home-layout>main.stack>.card:has(.f23-feed-header){padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;min-width:0} :root[data-design] #page .f23-feed-header{padding:4px 0 12px!important;gap:10px;align-items:center} :root[data-design] #page .f23-feed-header .eyebrow{display:none} :root[data-design] #page .f23-feed-header h3{font-size:20px!important;margin:0!important} :root[data-design] #page .f23-feed-tools{gap:6px!important} :root[data-design] #page .f23-feed-tools button{padding:8px 10px!important;min-height:38px!important;font-size:12px!important} :root[data-design] #page .home-layout .feed-post{position:relative;padding:18px 20px!important;margin:0 0 12px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--surface)!important;box-shadow:none!important;min-width:0} :root[data-design] #page .home-layout .feed-post:is(.important,.f23-unread){border-left:3px solid var(--accent)!important;padding-left:18px!important} :root[data-design] #page .home-layout .feed-post>.row{gap:12px!important;padding-right:32px;flex-wrap:nowrap!important} :root[data-design] #page .home-layout .feed-post>.row>div{flex:1 1 auto!important} :root[data-design] #page .home-layout .feed-post>.row b{font-size:14px!important;line-height:1.4} :root[data-design] #page .home-layout .feed-post>.row small{margin-top:2px!important;font-size:12px!important;line-height:1.4} :root[data-design] #page .home-layout .feed-post>h4{margin:12px 0 6px!important;font-size:17px!important;line-height:1.4!important;letter-spacing:0!important} :root[data-design] #page .home-layout .feed-post>p{margin:0 0 10px!important;font-size:14px!important;line-height:1.65!important;max-width:80ch} :root[data-design] #page .home-layout .feed-post>small{border:0!important;padding:0!important;margin:8px 0!important;font-size:11px!important} :root[data-design] #page .f52-pin-tools{min-height:0!important;border:0!important;margin:0 0 8px!important;padding:0!important;gap:8px!important} :root[data-design] #page .f52-pin-tools:not(:has(.f52-pin-label)){margin:0!important;height:0!important} .f274-post-menu{position:absolute;right:14px;top:14px;z-index:2} .f274-post-menu summary{list-style:none;display:grid;place-items:center;width:36px;height:32px;border-radius:8px;cursor:pointer;font-size:22px;line-height:1;color:var(--muted)} .f274-post-menu summary::-webkit-details-marker{display:none} .f274-post-menu summary:hover,.f274-post-menu[open] summary{background:var(--soft);color:var(--accent)} .f274-post-menu summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px} .f274-menu-items{position:absolute;right:0;top:38px;min-width:170px;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 8px 24px #0003} :root[data-design] #page .f274-menu-items button{display:block!important;width:100%;text-align:left;margin:0!important;min-height:40px!important;padding:8px 12px!important;border:0!important;background:transparent!important;border-radius:6px!important;font-size:13px} :root[data-design] #page .f274-menu-items button:hover{background:var(--soft)!important} :root[data-design] #page .f52-pin-label{font-size:11px!important;font-weight:600} :root[data-design] #page .home-layout .fa137-attachments{margin:10px 0 0!important;max-width:100%;gap:6px} :root[data-design] #page .home-layout .fa137-file{padding:6px 8px!important;border-radius:10px!important;background:var(--surface2)!important} :root[data-design] #page .home-layout aside.stack>.card{padding:14px!important;border-radius:14px!important;box-shadow:none!important} :root[data-design] #page #live31 .live31-person{padding:8px!important;min-height:58px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} :root[data-design] #page #live31 h3{font-size:15px!important} @media(max-width:1100px){:root[data-design] #page .home-layout{grid-template-columns:minmax(0,1fr) 230px!important}} @media(max-width:760px){ :root[data-design] #page:has(>.hero){padding:12px!important} :root[data-design] #page>.hero.card{padding:14px 16px!important;display:block!important;margin-bottom:12px!important} :root[data-design] #page>.hero h1{font-size:21px!important} :root[data-design] #page>.hero>small{display:block;margin-top:8px;font-size:11px} :root[data-design] #page .o62-home .o62-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important} :root[data-design] #page .o62-home .o62-metrics button:last-child{grid-column:1/-1;min-height:64px!important} :root[data-design] #page>.home-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important} :root[data-design] #page .home-layout{grid-template-columns:minmax(0,1fr)!important} :root[data-design] #page .home-layout .feed-post{padding:16px!important} :root[data-design] #page .f23-feed-header{align-items:flex-start;flex-wrap:wrap} :root[data-design] #page .f23-feed-tools{width:100%;justify-content:flex-start!important} :root[data-design] #page .f23-feed-tools button{min-height:44px!important;flex:0 1 auto!important} :root[data-design] #page .home-layout .feed-post>.row{padding-right:24px} .f274-post-menu{right:10px;top:10px} } :root[data-design] #page>.home-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));position:static!important} :root[data-design] #page>.home-kpis>*{position:static!important;grid-area:auto!important;transform:none!important;min-width:0;display:flex!important;flex-direction:column!important;align-items:flex-start;gap:3px} :root[data-design] #page #live31 .live31-person{display:flex!important;width:100%!important;align-items:center;gap:10px;text-align:left;min-width:0} :root[data-design] #page #live31 .live31-person>.avatar{flex:0 0 34px;width:34px;height:34px;border-radius:10px;font-size:12px} :root[data-design] #page #live31 .live31-person>span:last-child{flex:1;min-width:0} :root[data-design] #page #live31 .live31-person strong{display:block;font-size:12px;line-height:1.45;overflow-wrap:normal;word-break:normal} :root[data-design] #page #live31 .live31-person small{display:block;font-size:11px;line-height:1.4;margin-top:2px} @media(max-width:760px){:root[data-design] #page>.home-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}} :root[data-design] #page>.home-kpis{grid-template-areas:none!important;grid-template-rows:none!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;overflow:visible!important} :root[data-design] #page>.home-kpis>*{width:auto!important;max-width:none!important;inset:auto!important;order:0!important} :root[data-design] #page>.home-kpis::before,:root[data-design] #page>.home-kpis::after{display:none!important;content:none!important} /* Chat participants: name, role and branch occupy separate lines. */ :root[data-design] #page .p8-side-member{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:10px 0!important;min-width:0} :root[data-design] #page .p8-side-member>.avatar{flex:0 0 36px;width:36px;height:36px;margin-top:2px} :root[data-design] #page .p8-side-member>span:last-child{display:flex!important;flex-direction:column!important;align-items:flex-start;gap:3px;flex:1;min-width:0;text-align:left} :root[data-design] #page .p8-side-member strong{display:block!important;width:100%;font-size:14px;line-height:1.4;white-space:normal;overflow-wrap:break-word} :root[data-design] #page .p8-side-member small{display:block!important;width:100%;font-size:12px;line-height:1.45;color:var(--muted);white-space:normal;overflow-wrap:break-word} :root[data-design] #page .p8-side-member .p275-branch{font-size:11px} /* Compact project catalogue. Empty grid tracks keep one project narrow. */ :root[data-design] #page .pr132:has(.pr132-projects)>.pr132-heading{margin-bottom:18px;gap:16px;align-items:center} :root[data-design] #page .pr132:has(.pr132-projects) .pr132-heading h1{font-size:26px;margin-bottom:6px} :root[data-design] #page .pr132:has(.pr132-projects) .pr132-heading p{font-size:14px} :root[data-design] #page .pr132:has(.pr132-projects) .pr132-toolbar{grid-template-columns:minmax(200px,1fr) 220px;max-width:800px;gap:12px;margin-bottom:16px} :root[data-design] #page .pr132-projects{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr))!important;gap:16px!important;align-items:start!important} :root[data-design] #page .pr132-projects>.pr132-card{padding:18px!important;border-radius:14px!important;min-height:0!important;height:auto!important;box-shadow:none!important} :root[data-design] #page .pr132-projects .pr132-card-top{margin:0 0 12px!important;gap:8px} :root[data-design] #page .pr132-projects h2{font-size:19px!important;margin:0 0 8px!important;line-height:1.35} :root[data-design] #page .pr132-projects h2>button{min-height:0!important;padding:0!important;font-size:inherit!important} :root[data-design] #page .pr132-projects .pr132-card>p{margin:0 0 12px!important;min-height:0!important;-webkit-line-clamp:2;font-size:13px;line-height:1.5} :root[data-design] #page .pr132-projects .pr132-stat{margin:12px 0 6px!important;font-size:12px;gap:8px} :root[data-design] #page .pr132-projects progress{height:5px;margin:6px 0 10px!important} :root[data-design] #page .pr132-projects .pr132-warning{margin:8px 0 0!important;font-size:12px} :root[data-design] #page .pr132-projects .pr134-chat-link{margin:12px 0 0!important} :root[data-design] #page .pr132-projects .pr134-chat-link button{min-height:36px!important;padding:7px 12px!important;font-size:13px} @media(max-width:620px){:root[data-design] #page .pr132:has(.pr132-projects) .pr132-toolbar{grid-template-columns:minmax(0,1fr)!important}:root[data-design] #page .pr132-projects{grid-template-columns:minmax(0,1fr)!important}:root[data-design] #page .pr132-projects .pr134-chat-link button{min-height:44px!important}} .w277-report-row{position:relative;min-width:0} .w277-report-row>.w13-row{width:100%} :root[data-design] #page .w277-can-delete>.w13-row{padding-right:64px!important} :root[data-design] #page .w277-delete{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:40px;height:40px;min-height:40px;padding:0;display:grid;place-items:center;font-size:25px;line-height:1;border:0;border-radius:9px;background:transparent;color:var(--muted);z-index:1} :root[data-design] #page .w277-delete:hover{background:var(--soft);color:var(--accent)} :root[data-design] #page .w277-delete:focus-visible{outline:2px solid var(--accent);outline-offset:2px} @media(max-width:640px){:root[data-design] #page .w277-delete{top:10px;transform:none;width:44px;height:44px}} /* Tracking catalogue: request summary + horizontal path, separate full detail. */ :root[data-design] #page .r278-master{display:block!important;min-width:0} :root[data-design] #page .r278-master:not(.r251-open)>.r251-detail{display:none!important} :root[data-design] #page .r278-master.r251-open>.r251-list{display:none!important} :root[data-design] #page .r278-master>.r251-detail{width:100%!important;min-width:0!important;max-height:none!important;overflow:visible!important} :root[data-design] #page .r278-catalog{display:grid!important;gap:12px!important;padding:0!important;border:0!important;max-height:none!important;overflow:visible!important;background:transparent!important} :root[data-design] #page .r278-row{display:grid!important;grid-template-columns:minmax(260px,.8fr) minmax(0,1.7fr)!important;gap:12px!important;padding:0!important;border:0!important;background:transparent!important;width:100%;text-align:left;min-width:0} :root[data-design] #page .r278-row>.r278-request,:root[data-design] #page .r278-row>.r278-path{display:flex!important;flex-direction:column;gap:8px;padding:16px!important;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0;height:100%} :root[data-design] #page .r278-request>span{display:block!important;min-width:0} :root[data-design] #page .r278-request .r223-topic strong{display:block;font-size:15px;line-height:1.4} :root[data-design] #page .r278-request small{font-size:12px;color:var(--muted);line-height:1.45} :root[data-design] #page .r278-request :is(.r223-holder,.r223-deadline) strong{display:inline;font-size:12px;font-weight:500} :root[data-design] #page .r278-path-title{font-size:13px;color:var(--muted)} :root[data-design] #page .r278-path .r223-route{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;overflow-x:auto;gap:8px!important;min-height:70px;min-width:0;width:100%;padding:8px 0} :root[data-design] #page .r278-path .r223-route-step{display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;flex:1 0 75px;gap:6px;font-size:11px;white-space:nowrap} :root[data-design] #page .r278-path .r223-step-dot{display:grid!important;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--line)} :root[data-design] #page .r278-path .current .r223-step-dot{background:var(--accent);color:var(--d11-on-accent,#fff)} :root[data-design] #page .r278-path .done .r223-step-dot{background:#dcfce7;color:#166534;border-color:#86efac} :root[data-design] #page .r278-row:hover>.r278-request,:root[data-design] #page .r278-row:hover>.r278-path{border-color:var(--accent)} :root[data-design] #page .r278-master .r251-track ol{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto;gap:16px;padding:8px 0} :root[data-design] #page .r278-master .r251-track li{flex:1 0 145px;display:flex!important;flex-direction:column!important;gap:8px;min-width:0;padding:0!important;border:0!important} :root[data-design] #page .r278-master .r251-track li::before,:root[data-design] #page .r278-master .r251-track li::after{display:none!important} @media(max-width:850px){:root[data-design] #page .r278-row{grid-template-columns:minmax(0,1fr)!important;gap:6px!important}:root[data-design] #page .r278-row>.r278-path{padding:12px!important}} /* Report editor and sequential review. */ :root[data-design] #page .w13-editor{grid-template-columns:minmax(0,1fr) 340px!important;gap:18px!important;align-items:start} :root[data-design] #page .w13-editor>.card{padding:20px!important;border-radius:14px!important} :root[data-design] #page:has(.w13-editor)>h1{font-size:26px!important;margin:16px 0!important} :root[data-design] #page .w13-recipients h2{font-size:20px!important;margin:0 0 16px!important} :root[data-design] #page .w13-editor label{font-size:13px!important;gap:6px} :root[data-design] #page .w13-editor textarea{min-height:96px!important;font-size:14px!important} :root[data-design] #page .w13-editor input,:root[data-design] #page .w13-editor select{min-width:0;font-size:14px!important;min-height:42px} :root[data-design] #page .w13-editor .w13-info{font-size:12px;line-height:1.6;padding:12px} .w279-route{margin-bottom:14px}.w279-route h2{font-size:18px;margin:0 0 12px}.w279-route>div{padding:8px 0;border-bottom:1px solid var(--line)}.w279-route strong,.w279-route small{display:block}.w279-route small{margin-top:3px;color:var(--muted);font-size:12px} @media(max-width:1050px){:root[data-design] #page .w13-editor{grid-template-columns:minmax(0,1fr)!important}:root[data-design] #page .w13-editor>.card{padding:16px!important}} .r281-documents{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);min-width:0} .r281-documents h4{font-size:15px;margin:0 0 10px}.r281-documents>.muted{font-size:12px;line-height:1.5;margin:8px 0} .r281-upload{display:flex!important;flex-direction:column;gap:8px;padding:12px;border:1px dashed var(--accent);border-radius:10px;color:var(--accent);font-weight:600;cursor:pointer} .r281-upload input{max-width:100%;font-size:13px!important;cursor:pointer} /* Compact raw-material request detail; keep action forms readable. */ :root[data-design] #page .r282-detail{display:grid!important;gap:12px!important;min-width:0} :root[data-design] #page .r282-detail>.card,:root[data-design] #page .r282-detail>.r216-grid>.card,:root[data-design] #page .r282-detail #r216-stage>.card{padding:14px 16px!important;border-radius:12px!important;margin:0!important;min-width:0} :root[data-design] #page .r282-detail h3{font-size:17px!important;line-height:1.35;margin:0 0 10px!important} :root[data-design] #page .r282-detail p{font-size:13px!important;line-height:1.5!important;margin:6px 0!important} :root[data-design] #page .r282-detail small{font-size:11px!important;line-height:1.4} :root[data-design] #page .r282-detail label{font-size:13px!important;gap:5px!important;line-height:1.4} :root[data-design] #page .r282-detail input:not([type=checkbox]),:root[data-design] #page .r282-detail select{min-height:38px!important;padding:8px 10px!important;font-size:14px!important;border-radius:8px!important} :root[data-design] #page .r282-detail textarea{min-height:64px!important;padding:8px 10px!important;font-size:14px!important;line-height:1.5!important} :root[data-design] #page .r282-detail button{min-height:36px!important;padding:7px 12px!important;font-size:13px!important;line-height:1.4} :root[data-design] #page .r282-detail .r216-grid{gap:10px 14px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start} :root[data-design] #page .r282-detail #r216-stage form>.r216-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} :root[data-design] #page .r282-detail #r216-stage :is(fieldset,.r281-documents){grid-column:1/-1} :root[data-design] #page .r282-detail #r216-stage{display:grid;gap:12px} :root[data-design] #page .r282-detail #r216-stage form{display:grid;gap:10px} :root[data-design] #page .r282-detail .r216-actions{gap:8px!important;margin:8px 0 0!important;flex-wrap:wrap} :root[data-design] #page .r282-detail .r216-route{margin:10px 0!important;padding-top:10px;border-top:1px solid var(--line)} :root[data-design] #page .r282-detail .r216-route strong{font-size:12px!important;line-height:1.4} :root[data-design] #page .r282-detail .r281-documents{padding:10px 12px!important;margin:8px 0!important} :root[data-design] #page .r282-detail .r281-upload{padding:9px!important;gap:6px!important} :root[data-design] #page .r282-detail .r216-file{padding:6px 0!important;gap:8px!important;font-size:13px} :root[data-design] #page .r282-detail .r251-track{padding:12px 16px!important} :root[data-design] #page .r282-detail .r251-track ol{margin:10px 0!important;padding:0!important} :root[data-design] #page .r282-detail .r251-track li{flex-basis:120px!important;gap:5px!important} :root[data-design] #page .r282-detail .r251-track li strong{font-size:12px!important} :root[data-design] #page .r282-detail .r251-track li small{font-size:10px!important} :root[data-design] #page .r282-detail .r251-dot{width:25px!important;height:25px!important;font-size:12px!important} :root[data-design] #page .r282-detail .r216-history summary{font-size:13px;font-weight:600;cursor:pointer} @media(max-width:1000px){:root[data-design] #page .r282-detail #r216-stage form>.r216-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:620px){:root[data-design] #page .r282-detail .r216-grid,:root[data-design] #page .r282-detail #r216-stage form>.r216-grid{grid-template-columns:minmax(0,1fr)!important}:root[data-design] #page .r282-detail button{min-height:44px!important}:root[data-design] #page .r282-detail input:not([type=checkbox]),:root[data-design] #page .r282-detail select,:root[data-design] #page .r282-detail textarea{font-size:16px!important}} /* One active step, with repeated request facts collapsed underneath. */ :root[data-design] #page .r282-detail{gap:8px!important} :root[data-design] #page .r282-detail .r227-stage-heading.r283-stage-label{padding:8px 12px!important;border:0!important;border-radius:8px!important;background:var(--surface2)!important;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center} :root[data-design] #page .r282-detail .r283-stage-label h3{font-size:14px!important;margin:0!important} :root[data-design] #page .r282-detail .r283-stage-label p{margin:0!important;font-size:12px!important} :root[data-design] #page .r282-detail .r283-data{padding:10px 14px!important} :root[data-design] #page .r283-data>summary{font-size:13px;font-weight:600;cursor:pointer;line-height:1.5} :root[data-design] #page .r283-data>.card,:root[data-design] #page .r283-data>.r216-grid>.card{padding:12px!important;margin:10px 0 0!important;box-shadow:none!important;border-radius:8px!important} :root[data-design] #page .r283-data>.r216-grid{margin-top:10px} :root[data-design] #page .r282-detail .r283-invoice-brief{padding:10px 12px!important;margin:6px 0 12px!important;background:var(--surface2)!important;border:1px solid var(--line)!important;border-radius:8px!important} :root[data-design] #page .r282-detail .r283-invoice-brief h3{font-size:14px!important;margin-bottom:6px!important} :root[data-design] #page .r282-detail .r283-invoice-brief p{font-size:12px!important;margin:4px 0!important} :root[data-design] #page .r282-detail .r251-track>h3{font-size:14px!important;margin-bottom:6px!important} :root[data-design] #page .r282-detail .r251-track>p{font-size:12px!important;margin:4px 0!important} :root[data-design] #page .r282-detail .r251-track li small{display:none!important} :root[data-design] #page .r282-detail .r251-track li.current small{display:block!important} :root[data-design] #page .r282-detail .r251-track li{flex-direction:row!important;align-items:center;flex-basis:105px!important;gap:6px!important} :root[data-design] #page .r282-detail .r251-track li.current{flex-basis:180px!important} :root[data-design] #page .r282-detail .r251-track .r251-next{display:none!important} .m285-step{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.m285-step select{flex:1;min-width:180px}.m285-step button{min-width:40px}.m285-step>span{font-weight:700;width:24px} /* Memo catalogue pairs each document with its horizontal route. */ :root[data-design] #page .w286 .w35-layout{display:block!important;border:0!important;background:transparent!important;min-width:0} :root[data-design] #page .w286 .w35-layout:not(.has-detail)>.w35-detail{display:none!important} :root[data-design] #page .w286 .w35-layout.has-detail>:is(.w35-register,.w35-groups){display:none!important} :root[data-design] #page .w286 .w35-detail{width:100%!important;max-width:none!important;border:1px solid var(--line)!important;border-radius:12px;min-width:0} :root[data-design] #page .w286 .w35-register{border:0!important;background:transparent!important;width:100%!important;overflow:visible!important;max-height:none!important} :root[data-design] #page .w286 .w35-listhead{padding:10px 0!important;border:0!important} :root[data-design] #page .w286-row{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.5fr);gap:12px;margin-bottom:12px;min-width:0;align-items:stretch} :root[data-design] #page .w286-row>.w35-memo,:root[data-design] #page .w286-row>.w35-memo-wrap{min-width:0;width:100%;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--surface)!important;margin:0!important} :root[data-design] #page .w286-row .w35-memo{padding:14px!important;min-height:0!important;margin:0!important;width:100%;font-size:13px} :root[data-design] #page .w286-row .w35-rowtext>strong{font-size:14px!important;line-height:1.4} :root[data-design] #page .w286-row .w35-rowtext small,:root[data-design] #page .w286-row .w35-holder{font-size:11px!important;line-height:1.4} :root[data-design] #page .w286-track{display:flex!important;flex-direction:column;justify-content:center;align-items:stretch;gap:10px;padding:14px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--surface)!important;color:var(--ink);text-align:left;min-width:0} .w286-track-label{font-size:12px;color:var(--muted)}.w286-steps{display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px;overflow-x:auto;max-width:100%;padding:4px 0 8px;align-items:flex-start} .w286-step{display:flex;flex-direction:column;gap:5px;flex:1 0 120px;max-width:170px;min-width:0;align-items:flex-start} .w286-step i{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;font-size:12px;font-style:normal}.w286-step strong{font-size:12px;line-height:1.4;white-space:normal}.w286-step small{font-size:11px;line-height:1.4;color:var(--muted);white-space:normal} .w286-step.done i{color:#166534;background:#dcfce7;border-color:#86efac}.w286-step.current i{color:var(--d11-on-accent,#fff);background:var(--accent);border-color:var(--accent)}.w286-step.rejected i,.w286-step.returned i{color:#991b1b;background:#fee2e2;border-color:#fca5a5} :root[data-design] #page .w286 .w35-board .w286-row{grid-template-columns:minmax(0,1fr)} @media(max-width:850px){:root[data-design] #page .w286-row{grid-template-columns:minmax(0,1fr);gap:6px}:root[data-design] #page .w286-track{padding:12px!important}} .m287-enable{display:flex!important;align-items:center;gap:8px!important;margin:14px 0}.m287-enable input{width:20px!important;min-height:20px!important;flex:0 0 20px} #m287-topic{width:100%;max-width:620px}#m287-path{max-width:100%;min-width:0;overflow-x:auto;padding:8px 0 16px} .m287-flow{display:flex;align-items:center;gap:10px;min-width:max-content} .m287-node{width:190px;flex:0 0 190px;min-height:120px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:flex;flex-direction:column;gap:8px;justify-content:center} .m287-node strong{display:block;font-size:14px;line-height:1.4;overflow-wrap:normal;word-break:normal}.m287-node small{font-size:11px;color:var(--muted)}.m287-final{border-color:var(--accent);background:var(--soft)} .m287-node-actions{display:flex;gap:4px}.m287-node-actions button{width:36px;min-width:36px;min-height:34px;padding:4px!important;white-space:nowrap} .m287-plus{width:34px;flex:0 0 34px;min-height:34px;padding:0!important;border-radius:50%;font-size:20px} #m287-insert{padding:14px;margin-top:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface2)}.m287-insert-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.m287-insert-actions button{width:auto;min-width:120px;white-space:normal;word-break:normal} /* Connections between approval milestones. */ .w286-steps .w286-step{position:relative;overflow:visible} .w286-steps .w286-step:not(:last-child)::after{content:"";position:absolute;top:14px;left:36px;width:calc(100% - 12px);height:0;border-top:2px dashed #dc3545;pointer-events:none} .w286-steps .w286-step.done:has(+.w286-step.done)::after{border-top-style:solid;border-top-color:#22a86b} .w286-steps .w286-step>i{position:relative;z-index:1;flex-shrink:0} /* Mobile memo and approval route share one card. Desktop remains unchanged. */ @media (max-width:850px) { :root[data-design] #page .w286-row { grid-template-columns:minmax(0,1fr); gap:0; border:1px solid var(--line); border-radius:12px; background:var(--surface); } :root[data-design] #page .w286-row>.w35-memo, :root[data-design] #page .w286-row>.w35-memo-wrap, :root[data-design] #page .w286-row>.w286-track { border:0!important; background:transparent!important; box-shadow:none!important; min-width:0; max-width:100%; } :root[data-design] #page .w286-row>.w35-memo, :root[data-design] #page .w286-row>.w35-memo-wrap, :root[data-design] #page .w286-row>.w35-memo-wrap>.w35-memo { border-radius:11px 11px 0 0!important; text-align:left; } :root[data-design] #page .w286-row>.w286-track { border-top:0!important; border-radius:0 0 11px 11px!important; width:100%; min-height:44px!important; } :root[data-design] #page .w286-row .w35-memo.selected { background:var(--soft)!important; } :root[data-design] #page .w286-row>.w35-memo-wrap>.w35-memo { padding-right:64px!important; } :root[data-design] #page .w286-row .w35-draft-delete { min-width:44px; min-height:44px!important; } :root[data-design] #page .w286-row .w286-steps { min-width:0; width:100%; overscroll-behavior-x:contain; } :root[data-design] #page .w286-row>button:focus-visible, :root[data-design] #page .w286-row>.w35-memo-wrap>.w35-memo:focus-visible { outline-offset:-3px; } } /* Mobile291: natural chat-list scrolling and compact procurement cards. */ @media(max-width:900px){ :root[data-design] body.ui127-chat:not(.u127-open){height:auto!important;min-height:100dvh;overflow-y:auto!important} :root[data-design] body.ui127-chat:not(.u127-open) .shell{height:auto!important;max-height:none!important;min-height:100dvh!important;overflow:visible!important} :root[data-design] body.ui127-chat:not(.u127-open) .main{display:block!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important} :root[data-design] body.ui127-chat:not(.u127-open) .main>#page{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))!important} :root[data-design] body.ui127-chat:not(.u127-open) #page .chat-layout.u127-workspace{display:block!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important} :root[data-design] body.ui127-chat:not(.u127-open) #page .u127-workspace>.chat-list{height:auto!important;max-height:none!important;overflow:visible!important;min-height:0!important} :root[data-design] body.ui127-chat:not(.u127-open) #page .chat-list .list{height:auto!important;max-height:none!important;flex:none!important;overflow:visible!important} :root[data-design] body.ui127-chat:not(.u127-open) #page .u127-row-copy{min-width:0;overflow-wrap:anywhere} :root #page .r251-tracking .r216-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} :root #page .r251-tracking .r216-metrics .card{padding:10px 12px;min-width:0} :root #page .r251-tracking .r216-metrics span{font-size:12px;line-height:1.4;word-break:normal;overflow-wrap:normal;hyphens:none} :root #page .r251-tracking .r216-metrics .card:last-child:nth-child(odd){grid-column:1/-1} } @media(max-width:850px){ :root[data-design] #page .r278-catalog{grid-auto-rows:auto!important;align-content:start!important} :root[data-design] #page .r278-row{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;grid-template-areas:none!important;grid-auto-rows:auto!important;align-items:start!important;height:auto!important;min-height:0!important} :root[data-design] #page .r278-row>.r278-request,:root[data-design] #page .r278-row>.r278-path{height:auto!important;min-height:0!important;max-height:none!important;grid-area:auto!important;align-self:start!important;box-sizing:border-box;width:100%;max-width:100%} :root[data-design] #page .r278-path .r223-route{flex:0 0 auto!important;max-width:100%;box-sizing:border-box} } /* Mobile292: procurement summary and tracking share one uninterrupted card. */ @media(max-width:850px){ :root[data-design] #page .r278-row{ gap:0!important; border:1px solid var(--line)!important; border-radius:12px!important; background:var(--surface)!important; } :root[data-design] #page .r278-row>.r278-request, :root[data-design] #page .r278-row>.r278-path{ border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } :root[data-design] #page .r278-row>.r278-request{padding:14px 14px 6px!important} :root[data-design] #page .r278-row>.r278-path{padding:6px 14px 14px!important} :root[data-design] #page .r278-row:hover{border-color:var(--accent)!important} :root[data-design] #page .r278-row:focus-visible{outline-offset:2px} } /* Tracking294: shared circular milestones; desktop summary left, route right. */ :root[data-design] #page .r278-path .r223-route{gap:12px!important;align-items:flex-start!important;padding:4px 0 8px} :root[data-design] #page .r278-path .r223-route-step{ position:relative;flex:1 0 100px;align-items:flex-start!important;justify-content:flex-start; gap:5px;padding:0!important;border:0!important;border-radius:0;background:transparent!important; box-shadow:none!important;color:var(--ink);font-size:12px;line-height:1.4;white-space:normal;opacity:1; } :root[data-design] #page .r278-path .r223-step-dot{position:relative;z-index:1;flex:none;box-sizing:border-box} :root[data-design] #page .r278-path .r223-route-step:not(:last-child)::after{ content:"";position:absolute;top:14px;left:36px;right:auto;bottom:auto; width:calc(100% - 24px);height:0;border:0;border-top:2px dashed #dc3545;pointer-events:none; } :root[data-design] #page .r278-path .r223-route-step.done:has(+.r223-route-step.done)::after{ border-top-style:solid;border-top-color:#22a86b; } @media(min-width:851px){ :root[data-design] #page .r278-row{grid-template-columns:minmax(260px,.8fr) minmax(0,1.7fr)!important;grid-template-areas:"request track"!important;grid-template-rows:auto!important;gap:12px!important;align-items:stretch!important} :root[data-design] #page .r278-row>.r278-request{grid-area:request!important;height:auto!important;align-self:stretch!important} :root[data-design] #page .r278-row>.r278-path{grid-area:track!important;height:auto!important;align-self:stretch!important} } /* Tasks295: deadline line and marker inside each compact task card. */ :root[data-design] #page .t295-board .task-card{padding:12px!important;min-width:0} :root[data-design] #page .t295-board .task-card>p{margin:7px 0;font-size:14px;line-height:1.4;overflow-wrap:anywhere} :root[data-design] #page .t295-board .task-card>small{font-size:12px;line-height:1.45;overflow-wrap:anywhere} :root[data-design] #page .t295-board .task-card>small .svg{width:14px;height:14px;vertical-align:-2px} :root[data-design] #page .t295-board .task-card>.badge{font-size:11px;padding:2px 7px} :root[data-design] #page .t295-time{margin-top:9px} :root[data-design] #page .t295-time-labels{display:flex;justify-content:space-between;gap:4px 12px;flex-wrap:wrap;font-size:12px;line-height:1.4;color:var(--muted)} :root[data-design] #page .t295-rail{position:relative;height:4px;margin:10px 6px 6px;border-radius:4px;background:var(--line)} :root[data-design] #page .t295-fill{display:block;width:var(--t295-position);height:100%;border-radius:inherit;background:var(--t295-color)} :root[data-design] #page .t295-dot{position:absolute;left:var(--t295-position);top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border:2px solid var(--surface);border-radius:50%;background:var(--t295-color);box-sizing:border-box;box-shadow:0 0 0 1px var(--t295-color)} @media(max-width:850px){ :root[data-design] #page .t295-board{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px;overflow:visible!important;scroll-snap-type:none} :root[data-design] #page .t295-board>.board-col{padding:0!important;min-height:0!important;background:transparent!important;border:0!important;box-shadow:none!important} :root[data-design] #page .t295-board .board-head{padding:4px 2px 8px;font-size:14px} :root[data-design] #page .t295-board .task-card{margin-bottom:8px;border-radius:12px!important} :root[data-design] #page:has(>.t295-board)>.page-head{gap:10px;margin-bottom:16px} :root[data-design] #page:has(>.t295-board)>.page-head h1{font-size:23px} :root[data-design] #page:has(>.t295-board)>.page-head p{display:none} :root[data-design] #page .t295-board .empty{padding:10px;font-size:12px} } /* Tasks296: denser desktop board with the timeline inside each card. */ @media(min-width:851px){ :root[data-design] #page .t295-board{grid-template-columns:repeat(4,minmax(180px,1fr));gap:10px;align-items:start} :root[data-design] #page .t295-board>.board-col{padding:9px!important;min-height:0!important;border-radius:12px!important} :root[data-design] #page .t295-board .board-head{padding:2px 2px 9px;font-size:13px} :root[data-design] #page .t295-board .task-card{padding:10px!important;margin-bottom:7px;border-radius:9px!important;box-shadow:none} :root[data-design] #page .t295-board .task-card:last-child{margin-bottom:0} :root[data-design] #page .t295-board .task-card>p{margin:5px 0;line-height:1.35} :root[data-design] #page .t295-board .task-card>small{line-height:1.35} :root[data-design] #page .t295-board .t295-time{margin-top:6px} :root[data-design] #page .t295-board .t295-time-labels{gap:2px 8px;line-height:1.3} :root[data-design] #page .t295-board .t295-rail{margin-top:8px;margin-bottom:4px} :root[data-design] #page .t295-board .empty{padding:14px 8px;font-size:12px} :root[data-design] #page:has(>.t295-board)>.page-head{margin-bottom:14px;gap:12px} :root[data-design] #page:has(>.t295-board)>.page-head h1{font-size:24px;margin-bottom:3px} :root[data-design] #page:has(>.t295-board)>.page-head p{font-size:12px;line-height:1.4} } /* Workday297: compact daily plans, profile tabs, presence and chat categories. */ :root[data-design] #page .dp297{min-width:0} :root[data-design] #page .dp297-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px} :root[data-design] #page .dp297-heading h2{font-size:20px;margin:0} :root[data-design] #page .dp297-toolbar{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin-bottom:12px} :root[data-design] #page .dp297-toolbar button,:root[data-design] #page .dp297-toolbar select{min-height:44px} :root[data-design] #page .dp297-toolbar [aria-pressed=true],:root[data-design] #page .p297-tabs [aria-selected=true]{background:var(--soft);color:var(--accent);border-color:var(--accent)} :root[data-design] #page .dp297-date{font-size:12px;gap:2px;flex:0 1 155px} :root[data-design] #page .dp297-person{width:auto;max-width:240px;flex:1 1 140px} :root[data-design] #page .dp297-summary,:root[data-design] #page .dp297-averages{display:flex;flex-wrap:wrap;gap:6px 16px;line-height:1.5;font-size:13px;margin-bottom:6px} :root[data-design] #page .dp297-averages{font-size:12px;color:var(--muted)} :root[data-design] #page .dp297-hint{display:block;font-size:12px;margin-bottom:12px} :root[data-design] #page .dp297-list{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))} :root[data-design] #page .dp297-card{min-width:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow-wrap:anywhere} :root[data-design] #page .dp297-card-top{display:flex;justify-content:space-between;align-items:start;gap:10px} :root[data-design] #page .dp297-card-top strong{font-size:14px;line-height:1.4} :root[data-design] #page .dp297-card-top>span{font-size:12px;white-space:nowrap;color:var(--muted)} :root[data-design] #page .dp297-card>small{font-size:12px} :root[data-design] #page .dp297-expected{font-size:13px;line-height:1.4;margin:6px 0;color:var(--muted)} :root[data-design] #page .dp297-steps{display:flex;gap:8px;margin:12px 0 8px} :root[data-design] #page .dp297-steps>span{position:relative;flex:1;min-width:0} :root[data-design] #page .dp297-steps i{display:block;width:12px;height:12px;border:2px solid var(--line);background:var(--surface);border-radius:50%;position:relative;z-index:1} :root[data-design] #page .dp297-steps>span:not(:last-child)::after{content:"";position:absolute;left:15px;right:-5px;top:5px;border-top:2px dashed #dc3545} :root[data-design] #page .dp297-steps>.reached i{background:#22a86b;border-color:#22a86b} :root[data-design] #page .dp297-steps>.reached:has(+.reached)::after{border-top:2px solid #22a86b} :root[data-design] #page .dp297-steps small{display:block;font-size:11px;line-height:1.3;margin-top:5px} :root[data-design] #page .dp297-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px} :root[data-design] #page .dp297-actions button{font-size:12px;min-height:36px;padding:6px 9px} :root[data-design] #page .dp297-result{font-size:13px;margin-top:10px} :root[data-design] #page .dp297-result summary{cursor:pointer;min-height:30px} :root[data-design] #page .dp297-result p{white-space:pre-wrap;margin:6px 0} .dp297-form{display:grid;gap:12px}.dp297-form input,.dp297-form select,.dp297-form textarea{font-size:16px}.dp297-form .dp297-check{display:flex;align-items:center}.dp297-error{color:#dc3545;margin:0} :root[data-design] #page .dp297-team{display:grid;gap:8px} :root[data-design] #page .dp297-team>button{display:grid;justify-content:stretch;text-align:left;padding:12px;gap:4px;min-width:0} :root[data-design] #page .dp297-team>button>span{display:flex;gap:8px;flex-wrap:wrap;font-size:12px} :root[data-design] #page.home297 .home297-top{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:14px;margin-bottom:14px} :root[data-design] #page.home297 .home297-plan{padding:16px} :root[data-design] #page.home297 .hero{padding:14px 16px;margin-bottom:12px;min-height:0} :root[data-design] #page.home297 .hero h1{font-size:22px;margin-bottom:4px} :root[data-design] #page.home297 .hero p,:root[data-design] #page.home297 .hero small{font-size:12px;margin:0} :root[data-design] #page.home297 .home297-attention{padding:12px;margin-bottom:12px} :root[data-design] #page.home297 .home297-attention h2{font-size:16px} :root[data-design] #page.home297 .home297-attention>.row p{display:none} :root[data-design] #page.home297 .o62-metrics{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0} :root[data-design] #page.home297 .o62-metrics>button{display:flex;align-items:center;gap:8px;flex:1 1 180px;padding:9px 12px;min-height:44px;text-align:left} :root[data-design] #page.home297 .o62-metrics strong{font-size:20px;margin:0} :root[data-design] #page.home297 .o62-metrics span{font-size:12px} :root[data-design] #page.home297 .home297-extra{margin:10px 0 14px} :root[data-design] #page.home297 .home297-extra>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--muted);font-size:13px} :root[data-design] #page.home297 .home-kpis .card{padding:12px} :root[data-design] #page.home297 .home-layout .card{padding:14px} :root[data-design] #page.home297 .home-layout .empty{padding:14px;font-size:13px} :root[data-design] #page.home297 .feed-post{padding:12px;margin-bottom:10px} :root[data-design] #page.home297 .feed-post h4{font-size:15px;margin:8px 0} :root[data-design] #page.home297 .feed-post p{font-size:14px;line-height:1.5;margin:8px 0} :root[data-design] #page.home297 .feed-post>small{font-size:12px} :root[data-design] #page.home297 .f23-feed-header{gap:8px;flex-wrap:wrap} :root[data-design] #page.home297 .f23-feed-tools{gap:6px;flex-wrap:wrap} :root[data-design] #page #live31{padding:12px;margin:0;min-width:0} :root[data-design] #page #live31>strong{font-size:13px;display:block} :root[data-design] #page #live31>small{font-size:11px;display:block;margin:4px 0} .live297-rail{height:4px;border-radius:4px;background:var(--line);overflow:hidden;margin:8px 0}.live297-rail>span{display:block;height:100%;border-radius:inherit} :root[data-design] #page .live297-avatars{display:flex;gap:6px;flex-wrap:wrap;padding:2px 0} :root[data-design] #page .live297-person{position:relative;border:0;background:transparent;padding:3px;min-width:44px;min-height:44px;border-radius:50%} :root[data-design] #page .live297-person .avatar{width:34px;height:34px;border-radius:50%;font-size:12px} :root[data-design] #page .live297-person img{width:100%;height:100%;border-radius:50%;object-fit:cover} .live297-name{display:none;position:absolute;top:100%;left:0;background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:7px;min-width:120px;max-width:190px;font-size:12px;z-index:30;box-shadow:var(--shadow)} .live297-person:hover .live297-name,.live297-person:focus-visible .live297-name,.live297-person.show-name .live297-name{display:block} :root[data-design] #page.profile297-page>.page-head{margin-bottom:14px} :root[data-design] #page.profile297-page>.page-head h1{font-size:24px} :root[data-design] #page .employee-profile[data-compact297]{display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;gap:16px;align-items:start} :root[data-design] #page .p297-body,:root[data-design] #page .p297-identity{min-width:0} :root[data-design] #page .p297-identity .identity-card{padding:16px} :root[data-design] #page .p297-identity .profile-avatar{position:relative;width:80px!important;height:80px!important;margin:0 auto 12px} :root[data-design] #page .p297-identity .profile-avatar>img{width:80px;height:80px;border-radius:50%;object-fit:cover} :root[data-design] #page .p297-identity .a4-photo-change{position:absolute;right:-8px;bottom:-8px;width:36px;height:36px;min-height:36px;padding:7px;border-radius:50%;margin:0;background:var(--surface)} :root[data-design] #page .p297-identity h2{font-size:18px;margin:8px 0;line-height:1.35} :root[data-design] #page .p297-identity p{font-size:13px;margin:5px 0} :root[data-design] #page .p297-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px} :root[data-design] #page .p297-tabs button{font-size:13px;min-height:44px} :root[data-design] #page .p297-panel{display:grid;gap:12px} :root[data-design] #page .p297-panel[hidden]{display:none!important} :root[data-design] #page .p297-panel>.card{padding:16px} :root[data-design] #page .p297-panel h3{font-size:15px} :root[data-design] #page .p297-work-links{display:flex;gap:8px;flex-wrap:wrap} :root[data-design] #page .p297-panel>button{justify-self:start;min-height:44px} :root[data-design] #page .c297-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important} :root[data-design] #page .c297-tabs button{min-width:0;padding:8px 4px!important;gap:4px!important;font-size:13px!important;min-height:44px} :root[data-design] #page .c297-tabs [hidden]{display:none!important} @media(max-width:850px){ :root[data-design] #page.home297 .home297-top{display:flex;flex-direction:column;gap:10px} :root[data-design] #page.home297 #live297-slot{order:-1;width:100%} :root[data-design] #page.home297 .home297-plan{width:100%;padding:12px} :root[data-design] #page.home297 .hero h1{font-size:19px} :root[data-design] #page.home297 .hero{padding:12px} :root[data-design] #page .dp297-heading h2{font-size:18px} :root[data-design] #page .dp297-actions button{min-height:44px} :root[data-design] #page .dp297-toolbar{gap:6px} :root[data-design] #page .dp297-heading>button{font-size:12px;min-height:44px} :root[data-design] #page .employee-profile[data-compact297]{grid-template-columns:minmax(0,1fr)!important;gap:12px} :root[data-design] #page .p297-identity .identity-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:4px 12px;text-align:left;padding:12px} :root[data-design] #page .p297-identity .profile-avatar{grid-row:1/4;width:64px!important;height:64px!important;margin:0} :root[data-design] #page .p297-identity .profile-avatar>img{width:64px;height:64px} :root[data-design] #page .p297-identity h2,:root[data-design] #page .p297-identity p{margin:0} :root[data-design] #page .p297-identity .row.center{grid-column:2;justify-content:flex-start;flex-wrap:wrap} :root[data-design] #page .p297-identity .profile-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;margin-top:8px} :root[data-design] #page .p297-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px} :root[data-design] #page .p297-tabs button{font-size:12px;padding:8px 3px} :root[data-design] #page .p297-panel>.card{padding:12px} :root[data-design] #page .p297-panel .profile-fields{grid-template-columns:minmax(0,1fr);gap:10px} } :root[data-design] #page.home297 .home297-post-body{font-size:14px;line-height:1.5;margin:8px 0} :root[data-design] #page.home297 .home297-post-body>summary{cursor:pointer;padding:6px 0} /* Personal day-plan visibility selection. */ .dp299-tools{display:flex;flex-wrap:wrap;gap:8px}.dp299-people{max-height:45dvh;overflow:auto;display:grid;gap:6px}.dp299-person{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:10px;min-height:48px;cursor:pointer}.dp299-person[hidden]{display:none!important}.dp299-person>input{width:20px;height:20px;flex:none}.dp299-person strong,.dp299-person small{display:block;overflow-wrap:anywhere}.dp299-person strong{color:var(--ink);font-size:14px}.dp299-person small{font-size:12px} /* Profile300: photo action lives in the card's overflow menu. */ :root[data-design] #page .p297-identity .identity-card{position:relative} :root[data-design] #page .p297-identity .p300-profile-menu{position:absolute;top:6px;right:6px;z-index:5;text-align:left} :root[data-design] #page .p300-profile-menu>summary{display:flex;align-items:center;justify-content:center;list-style:none;width:44px;height:44px;cursor:pointer;border-radius:50%;color:var(--muted);font-size:26px;line-height:1} :root[data-design] #page .p300-profile-menu>summary::-webkit-details-marker{display:none} :root[data-design] #page .p300-profile-menu>summary::marker{content:""} :root[data-design] #page .p300-profile-menu>summary:hover,:root[data-design] #page .p300-profile-menu[open]>summary{background:var(--surface2);color:var(--ink)} :root[data-design] #page .p300-profile-menu>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px} :root[data-design] #page .p300-profile-menu-items{position:absolute;right:0;top:46px;min-width:180px;max-width:calc(100vw - 40px);padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)} :root[data-design] #page .p297-identity .p300-profile-menu .a4-photo-change{position:static!important;display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%!important;height:auto!important;min-height:44px!important;margin:0!important;padding:10px!important;border:0;border-radius:7px;background:transparent;font-size:14px;white-space:nowrap} :root[data-design] #page .p300-profile-menu .a4-photo-change .svg{width:18px;height:18px;flex:none} :root[data-design] #page .p300-profile-menu .a4-photo-change:hover{background:var(--surface2)} @media(max-width:850px){ :root[data-design] #page .p297-identity .identity-card:has(.p300-profile-menu) h2{padding-right:34px} } /* Daily plan editing, blockers and scoped team summary. */ .dp302-block{display:flex;flex-wrap:wrap;gap:6px 12px;padding:10px 12px;border-left:3px solid #bd8415;background:var(--surface-2,rgba(128,128,128,.08));border-radius:8px;margin:8px 0} .dp302-block.help{border-left-color:#d94c71} .dp302-block span{overflow-wrap:anywhere} .dp302-more{flex-basis:100%;min-width:0} .dp302-more summary,.dp302-removed summary{cursor:pointer;min-height:44px;display:flex;align-items:center;width:fit-content;padding:0 10px;border-radius:8px} .dp302-more summary:focus-visible,.dp302-removed summary:focus-visible{outline:2px solid var(--primary,#ad2061);outline-offset:2px} .dp302-more>div{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0} .dp302-more:not([open])>div{display:none} .dp302-removed{margin-top:12px} .dp302-removed>div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;overflow-wrap:anywhere} .dp302-removed:not([open])>div{display:none} .dp302-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:10px} .dp302-filters button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:8px 12px;white-space:normal;text-align:left} .dp302-filters button[aria-pressed=true]{border-color:var(--primary,#ad2061);box-shadow:inset 0 0 0 1px var(--primary,#ad2061)} .dp302-filters strong{font-size:18px} .dp297-team>button{min-width:0;overflow-wrap:anywhere} @media(max-width:600px){.dp302-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.dp302-more>div button{flex:1 1 140px}.dp302-removed>div{align-items:flex-start;flex-wrap:wrap}} /* Plans: repeats, acceptance, attachments and personal home blocks. */ .dp303-hidden{display:none!important} .home297-top.dp303-no-online{grid-template-columns:minmax(0,1fr)} .home-layout.dp303-no-feed,.home-layout.dp303-no-side{grid-template-columns:minmax(0,1fr)} .dp303-no-side>aside{display:none!important} .dp303-home-tools{display:flex;justify-content:flex-end;margin:8px 0} .dp303-home-form>label,.dp303-copy>label,.dp303-weekdays>label{display:flex;align-items:center;gap:10px;min-height:44px} .dp303-home-form input[type=checkbox],.dp303-copy input[type=checkbox],.dp303-weekdays input[type=checkbox]{width:20px;min-width:20px;height:20px} .dp303-weekdays{display:flex;flex-wrap:wrap;gap:8px} .dp303-weekdays>label{padding:4px 8px} .dp303-plan-tools{position:relative} .dp303-plan-tools summary{cursor:pointer;min-height:44px;padding:8px 12px;display:flex;align-items:center} .dp303-plan-tools>div{display:flex;flex-wrap:wrap;gap:8px;padding:8px} .dp303-plan-tools:not([open])>div{display:none} .dp303-plan-tools summary:focus-visible{outline:2px solid var(--primary,#ad2061);outline-offset:2px} .dp303-acceptance{border-left:3px solid var(--primary,#ad2061);padding:8px 12px;margin:8px 0} .dp303-acceptance p{margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere} .dp303-files{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:8px;margin:8px 0} .dp303-files:empty{display:none} .dp303-files article{min-width:0;border:1px solid var(--border,#7775);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:6px} .dp303-files img{width:100%;height:120px;object-fit:contain;border-radius:8px} .dp303-files strong{display:block;overflow-wrap:anywhere} .dp303-files a{min-height:44px;display:flex;flex-direction:column;justify-content:center} .dp303-drafts>div,.dp303-repeats article{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--border,#7775)} .dp303-drafts span{flex:1;min-width:0;overflow-wrap:anywhere} .dp303-repeats article strong,.dp303-repeats article small{width:100%;overflow-wrap:anywhere} .dp303-copy{max-height:40vh;overflow:auto} @media(max-width:600px){.dp303-files{grid-template-columns:repeat(2,minmax(0,1fr))}.dp303-files img{height:100px}.dp303-home-tools button{min-height:44px}.dp303-plan-tools{width:100%}} /* Review304: compact management and versioned artwork review. */ .c304,.d304{min-width:0;padding-bottom:16px} .c304-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap} .c304-head h1{font-size:clamp(24px,3vw,32px);margin:0} .c304-head p{margin:6px 0} .c304-head>div:last-child,.c304-toolbar,.c304-actions{display:flex;flex-wrap:wrap;gap:8px} .c304 button,.d304 button,.d304 a[download]{min-height:44px} .c304-toolbar{align-items:end;margin:12px 0} .c304-toolbar label{display:flex;flex-direction:column;gap:6px;min-width:0} .c304-toolbar input,.c304-toolbar select{max-width:100%;min-height:44px} .c304-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:16px 0} .c304-filters button{display:flex;justify-content:space-between;gap:8px;white-space:normal} .c304-filters button[aria-pressed=true],.d304 [aria-pressed=true]{outline:2px solid var(--primary,#ad2061);outline-offset:-2px} .c304-list{display:grid;gap:8px} .c304-item{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border,#7775);border-radius:12px;background:var(--card,var(--surface))} .c304-item>div:first-child{min-width:0} .c304-item h2{font-size:17px;line-height:1.4;margin:4px 0;overflow-wrap:anywhere} .c304-item p{margin:4px 0;overflow-wrap:anywhere} .c304-actions{align-items:center;flex-shrink:0} .c304-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px} .c304-tags span,.d304-state{display:inline-block;border:1px solid var(--border,#7775);border-radius:8px;padding:3px 8px;font-size:13px} .d304-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px} .d304-card{padding:14px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0} .d304-card h2{font-size:19px;margin:0;overflow-wrap:anywhere} .d304-banner{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px;border:1px solid var(--border,#7775);border-radius:12px} .d304-form{max-width:720px;display:grid;gap:14px} .d304-form label,.d304-comment-form label,.d304-decision label{display:flex;flex-direction:column;gap:6px} .d304-form input,.d304-form select,.d304-form textarea{min-width:0;width:100%;max-width:100%} .d304-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:16px;align-items:start} .d304-preview,.d304-comments{min-width:0} .d304-image-wrap{position:relative;width:100%;line-height:0;border:1px solid var(--border,#7775);background:#fff} .d304-image-wrap>img{display:block;width:100%;height:auto;max-width:100%} .d304-image-wrap>img[hidden]{display:none} .d304-image-wrap.pin-mode{cursor:crosshair} .d304-image-wrap [data-pins]{position:absolute;inset:0;pointer-events:none} .d304-pin{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;min-height:44px;border-radius:50%;pointer-events:auto;background:var(--primary,#ad2061);color:var(--on-primary,#fff);font-weight:700;line-height:1;box-shadow:0 0 0 2px #fff} .d304-comments h2{font-size:18px;margin:12px 0} .d304-comments article{border:1px solid var(--border,#7775);border-radius:10px;padding:10px;margin-bottom:8px;scroll-margin-top:100px} .d304-comments article p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0} .d304-comments article button{margin:6px 6px 0 0} .d304-comments article.resolved{border-style:dashed} .d304-comment-form,.d304-decision{display:grid;gap:10px;padding:12px 0;border-top:1px solid var(--border,#7775)} .d304-comment-form textarea,.d304-decision textarea{width:100%;min-height:90px} .d304-coordinates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px} .d304-coordinates input{width:100%;min-width:0} .d304 summary{min-height:44px;cursor:pointer;padding:10px 0} .d304-history{margin-top:16px} .d304 a{overflow-wrap:anywhere} .d304 :focus-visible,.c304 :focus-visible{outline:2px solid var(--primary,#ad2061);outline-offset:2px} .dp303-home-tools{gap:8px;flex-wrap:wrap} @media(max-width:850px){.d304-workspace{grid-template-columns:minmax(0,1fr)}.c304-item{flex-direction:column}.c304-actions{flex-shrink:1}.c304-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.c304-toolbar>*{flex:1 1 140px}.d304 .c304-head>div{width:100%}.d304 .c304-head button{flex:1 1 140px}} /* Keep 44px annotation targets inside the viewport even at page edges. */ .d304-image-wrap{width:calc(100% - 44px);margin-left:22px;margin-right:22px} /* Control305: consistent compact menu rows and department task consolidation. */ :root[data-design] #page .n305-work-link{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-height:48px!important;height:auto!important;padding:10px 14px!important;text-align:left!important;font-size:14px!important;line-height:1.4!important} :root[data-design] #page .n305-work-link>span{flex:1;min-width:0;overflow-wrap:anywhere} :root[data-design] #page .n305-work-link>svg{width:20px;height:20px;flex:0 0 20px} :root[data-design] #page .n305-work-link>svg:last-child{width:16px;height:16px;flex-basis:16px;color:var(--muted)} :root[data-design] #page .n305-work-link:focus-visible{outline:2px solid var(--accent);outline-offset:-3px} :root[data-design] #page .c305 .c304-head{margin-bottom:10px} :root[data-design] #page .c305 .c304-head>div:first-child{display:block} :root[data-design] #page .c305 h1{font-size:24px} :root[data-design] #page .c305 .c304-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} :root[data-design] #page .c305 .c304-toolbar label{font-size:13px} :root[data-design] #page .c305 .c304-toolbar input,:root[data-design] #page .c305 .c304-toolbar select{width:100%;min-width:0;font-size:16px} :root[data-design] #page .c305 .c304-filters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0} :root[data-design] #page .c305 .c304-filters button{width:auto;font-size:13px;padding:8px 10px;min-height:44px;gap:8px} :root[data-design] #page .c305 .c304-item{padding:10px 12px;border-color:var(--line);background:var(--surface)} :root[data-design] #page .c305 .c304-item h2{font-size:15px;margin:4px 0} :root[data-design] #page .c305 .c304-item p,:root[data-design] #page .c305 .c304-actions button{font-size:13px} :root[data-design] #page .c305 .c304-actions{flex:0 1 340px;justify-content:flex-end} :root[data-design] #page .c305 .c304-filters button[aria-pressed=true]{outline-color:var(--accent);background:var(--soft);color:var(--accent)} :root[data-design] #page .c305-count{font-size:12px;color:var(--muted);margin:8px 0} @media(max-width:850px){ :root[data-design] #page .c305 .c304-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))} :root[data-design] #page .c305 .c304-actions{flex:auto;justify-content:flex-start} :root[data-design] #page .c305 .c304-head h1{font-size:22px} } /* Compact306: task-first supervisor view; secondary controls are disclosed on demand. */ :root[data-design] #page:has(.c306){padding-top:12px!important} :root[data-design] #page .c306 .c304-head{display:flex;align-items:center;gap:8px;margin:0 0 10px} :root[data-design] #page .c306 .c304-head h1{font-size:21px;line-height:1.25;margin:0;flex:1 1 190px} :root[data-design] #page .c306 .c304-head>div{display:flex;gap:8px;flex-wrap:nowrap} :root[data-design] #page .c306 .c304-head button{font-size:13px;padding:8px 10px;min-height:44px} :root[data-design] #page .c306 [data-refresh]{width:44px;padding:10px;display:flex;align-items:center;justify-content:center} .c306-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} :root[data-design] #page .c306-primary{display:grid;grid-template-columns:1fr 1fr;gap:8px} :root[data-design] #page .c306-primary>label{min-width:0;margin:0;display:block} :root[data-design] #page .c306-primary input,:root[data-design] #page .c306-primary select{width:100%;min-width:0;min-height:44px;margin:0;padding:9px;font-size:16px;line-height:1.35} :root[data-design] #page .c306-primary button{min-height:44px;padding:8px 10px!important;font-size:14px!important;text-align:left;line-height:1.35} :root[data-design] #page .c306-options{margin:0} :root[data-design] #page .c306-options>summary,:root[data-design] #page .c306-more>summary{min-height:44px;padding:11px 2px;font-size:13px;color:var(--muted);cursor:pointer;line-height:22px} :root[data-design] #page .c306 .c304-toolbar{grid-template-columns:1fr 1fr;margin:0 0 8px} :root[data-design] #page .c306-options>small{display:block;font-size:12px;line-height:1.4;margin-bottom:10px} :root[data-design] #page .c306 .c304-filters{display:block;margin:0 0 4px} :root[data-design] #page .c306-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} :root[data-design] #page .c306 .c304-filters button{min-width:0;min-height:44px;padding:7px 8px;font-size:12px;line-height:1.3;justify-content:center;gap:5px} :root[data-design] #page .c306-more>div{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:8px} :root[data-design] #page .c306 .c305-count{margin:0 0 8px;font-size:12px} :root[data-design] #page .c306 .c304-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:start} :root[data-design] #page .c306 .c304-item{display:block;padding:10px 12px;border-radius:10px;min-width:0} :root[data-design] #page .c306 .c304-item small{font-size:12px;line-height:1.4;display:block;overflow-wrap:anywhere} :root[data-design] #page .c306 .c304-item h2{font-size:14px;line-height:1.4;margin:4px 0} :root[data-design] #page .c306 .c304-item p{font-size:12px;line-height:1.4;margin:4px 0;color:var(--muted)} :root[data-design] #page .c306 .c304-tags{gap:5px;margin-top:6px} :root[data-design] #page .c306 .c304-tags span{font-size:12px;padding:2px 7px;line-height:1.4;border-color:var(--line)} :root[data-design] #page .c306 .c304-actions{margin-top:8px;justify-content:flex-start;gap:8px} :root[data-design] #page .c306 .c304-actions button{font-size:12px;padding:7px 10px;min-height:44px} :root[data-design] #page .c306 .t295-time{margin-top:8px} :root[data-design] #page .c306 .t295-rail{height:5px;margin:8px 6px} :root[data-design] #page .c306 summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px} @media(max-width:850px){ :root[data-design] #page .c306 .c304-list{grid-template-columns:minmax(0,1fr)} :root[data-design] #page .c306 .c304-head h1{font-size:20px;flex-basis:100%} :root[data-design] #page .c306 .c304-head{margin-bottom:8px} } @media(max-width:360px){:root[data-design] #page .c306-quick{grid-template-columns:repeat(2,minmax(0,1fr))}} /* Bubbles308: text remains readable; time and menu share one compact footer. */ :root[data-design] body.ui127-active #page .message .bubble{padding:8px 10px!important;font-size:15px!important;line-height:1.45!important;border-radius:12px!important;min-height:0!important} :root[data-design] body.ui127-chat #page .messages{gap:6px!important} :root[data-design] body.ui127-active #page .messages .message{margin-bottom:6px!important;min-width:0;max-width:88%} :root[data-design] body.ui127-active #page .message>.a4-message-author{margin-bottom:3px!important} :root[data-design] body.ui127-active #page .bubble>.c308-footer,.p115 .pc-bubble>.c308-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:6px;white-space:normal;margin:0 -4px -4px 0;min-width:0} :root[data-design] body.ui127-active #page .c308-footer>.c253-time,.p115 .c308-footer>.c253-time{grid-column:1;grid-row:1;display:block;margin:0!important;font-size:11px!important;line-height:1.3;white-space:normal;text-align:right} :root[data-design] body.ui127-chat #page .c308-footer>.c253-menu,.p115 .c308-footer>.c253-menu{grid-column:2;grid-row:1;min-width:0;margin:0;white-space:normal;line-height:1;text-align:right} :root[data-design] body.ui127-chat #page .c308-footer>.c253-menu>summary,.p115 .c308-footer>.c253-menu>summary{display:flex;margin:0 0 0 auto;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;line-height:1;font-size:21px} :root[data-design] body.ui127-chat #page .c308-footer>.c253-menu[open],.p115 .c308-footer>.c253-menu[open]{grid-column:1/-1;grid-row:2;width:100%} :root[data-design] body.ui127-chat #page .c308-footer>.c253-menu[open]>.c253-menu-actions,.p115 .c308-footer>.c253-menu[open]>.c253-menu-actions{white-space:normal;margin-top:0;padding-top:6px;gap:8px} :root[data-design] body.ui127-active #page .messages .u127-day{margin-top:8px;margin-bottom:8px;font-size:12px} .p115 .pc-bubble:has(>.c308-footer){padding:8px 10px;line-height:1.45;min-height:0} /* Bubblewidth309: author labels must not dictate the width of short message bubbles. */ :root[data-design] body.ui127-active #page .messages>.message>.bubble{width:fit-content!important;max-width:100%!important;min-width:0!important;box-sizing:border-box} :root[data-design] body.ui127-active #page .messages>.message.mine>.bubble{margin-left:auto!important} :root[data-design] body.ui127-active #page .messages>.message:not(.mine)>.bubble{margin-right:auto!important} :root[data-design] body.ui127-active #page .bubble>.c308-footer{width:auto;min-width:0} .p115 .pc-message>.pc-bubble{width:fit-content;max-width:100%;min-width:0;box-sizing:border-box} /* Bubbleheight310: messages grow only with their content and controls. */ :root[data-design] body.ui127-active #page .messages>.message, :root[data-design] body.ui127-active #page .messages>.message>.bubble, .p115 .pc-message,.p115 .pc-message>.pc-bubble{height:auto!important;min-height:0!important;max-height:none!important;flex-grow:0!important} /* Chat311: content-sized bubbles with inline metadata; no separate empty footer row. */ :root[data-design] body.ui127-active #page .messages>.message>.c311-bubble, .p115 .pc-message>.c311-bubble{display:block!important;width:fit-content!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;padding:4px 8px!important;white-space:normal!important;text-align:left} .c311-content{white-space:pre-wrap;overflow-wrap:anywhere} :root[data-design] body.ui127-active #page .c311-bubble>.c308-footer, .p115 .c311-bubble>.c308-footer{display:inline-flex!important;align-items:center;vertical-align:middle;gap:2px;margin:0 0 0 8px!important;width:auto!important;max-width:100%;white-space:nowrap} :root[data-design] body.ui127-active #page .c311-bubble .c253-time, .p115 .c311-bubble .c253-time{display:inline!important;white-space:nowrap!important} :root[data-design] body.ui127-active #page .c311-bubble .c253-menu, .p115 .c311-bubble .c253-menu{display:inline-block!important;vertical-align:middle;width:auto;flex:none} :root[data-design] body.ui127-active #page .c311-bubble>.c308-footer:has(.c253-menu[open]), .p115 .c311-bubble>.c308-footer:has(.c253-menu[open]){display:flex!important;flex-wrap:wrap;justify-content:flex-end;margin-left:0!important;width:100%!important;white-space:normal} :root[data-design] body.ui127-active #page .c311-bubble .c253-menu[open], .p115 .c311-bubble .c253-menu[open]{flex-basis:100%;width:100%} :root[data-design] body.ui127-chat #page .chat-list .c297-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important} :root[data-design] body.ui127-chat #page .chat-list .c297-tabs button{padding:6px 3px!important;min-width:0;white-space:normal;gap:3px} /* Checklist312: one compact row per plan item, details on demand. */ :root[data-design] #page .dp297-list{display:grid;grid-template-columns:minmax(0,1fr);gap:6px} :root[data-design] #page .dp312-item{padding:8px 12px;min-width:0} .dp312-row{display:flex;align-items:center;gap:8px;justify-content:space-between} .dp312-row>span{font-size:12px;white-space:nowrap;color:var(--muted)} .dp312-check{display:flex;align-items:center;gap:10px;min-height:44px;min-width:0;flex:1;cursor:pointer} .dp312-check input[type=checkbox]{width:20px!important;height:20px!important;min-height:20px!important;flex:0 0 20px;margin:0;accent-color:var(--accent)} .dp312-check strong{font-size:14px;line-height:1.4;overflow-wrap:anywhere} .dp312-item.is-done .dp312-check strong{text-decoration:line-through;color:var(--muted)} .dp312-details>summary{min-height:44px;display:flex;align-items:center;font-size:12px;color:var(--muted);cursor:pointer} .dp312-details>summary:focus-visible,.dp312-check input:focus-visible{outline:2px solid var(--accent);outline-offset:2px} .dp312-scale{display:grid;gap:6px;margin:8px 0 12px;text-align:left} .dp312-scale strong{font-size:14px} .dp312-scale progress{display:block;width:100%;height:8px;border:0;border-radius:8px;overflow:hidden;accent-color:var(--accent);background:var(--surface2)} .dp312-scale progress::-webkit-progress-bar{background:var(--surface2)} .dp312-scale progress::-webkit-progress-value{background:var(--accent)} .dp312-scale progress::-moz-progress-bar{background:var(--accent)} .dp312-team-checks{display:grid;gap:8px;width:100%;text-align:left;margin:6px 0} .dp312-team-checks>span{display:flex;gap:8px;font-size:14px;line-height:1.4;overflow-wrap:anywhere} .dp312-team-checks small{display:block;font-size:12px;color:var(--muted)} .dp312-team-checks .is-done>span:last-child{text-decoration:line-through;color:var(--muted)} /* Plan313: compact daily checklist toolbar, secondary controls collapsed. */ :root[data-design] #page .dp313 .dp313-toolbar{display:flex;align-items:center;gap:8px;margin:8px 0;flex-wrap:wrap} :root[data-design] #page .dp313-tabs{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:var(--surface2);flex:0 1 auto} :root[data-design] #page .dp313-tabs button{border:0!important;box-shadow:none!important;background:transparent;padding:8px 12px!important;font-size:13px!important;min-height:44px;border-radius:8px} :root[data-design] #page .dp313-tabs button[aria-pressed=true]{background:var(--surface)!important;color:var(--accent)!important;box-shadow:0 1px 3px #0001!important} :root[data-design] #page .dp313 .dp313-date{width:158px!important;max-width:100%;min-width:0;min-height:44px;padding:8px 10px;font-size:14px} :root[data-design] #page .dp313 [data-add]{margin-left:auto;min-height:44px;padding:8px 14px;font-size:14px} :root[data-design] #page .dp313-settings,:root[data-design] #page .dp313-stats{margin:0 0 4px} :root[data-design] #page .dp313-settings>summary,:root[data-design] #page .dp313-stats>summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:12px;line-height:20px;color:var(--muted)} :root[data-design] #page .dp313-settings-body{display:flex;flex-wrap:wrap;align-items:end;gap:8px;padding:8px 0 12px;border-bottom:1px solid var(--line)} :root[data-design] #page .dp313-settings-body>label{display:grid;gap:4px;min-width:0;flex:1 1 220px;font-size:12px;max-width:350px} :root[data-design] #page .dp313-settings-body button{font-size:13px;min-height:44px;padding:8px 12px} :root[data-design] #page .dp313-stats[open]{padding-bottom:12px} :root[data-design] #page .dp313 .dp297-empty{margin:8px 0 0;padding:18px 14px;border:1px dashed var(--line);border-radius:10px;font-size:14px;color:var(--muted);background:var(--surface2);line-height:1.5} :root[data-design] #page .dp313-owner{font-size:14px;font-weight:600;margin:8px 0} :root[data-design] #page .dp313 summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px} @media(max-width:600px){ :root[data-design] #page .dp313 .dp313-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto} :root[data-design] #page .dp313-tabs{justify-content:stretch} :root[data-design] #page .dp313-tabs button{flex:1;padding:8px!important} :root[data-design] #page .dp313 .dp313-date{width:145px!important} :root[data-design] #page .dp313 [data-add]{grid-column:1/-1;width:100%;margin:0} } .dp297-form .dp314-input{width:100%;min-height:240px;max-height:55vh;resize:vertical;font-size:16px;line-height:1.7;padding:12px;box-sizing:border-box}.dp314-hint{margin:0;line-height:1.5}.dp314-count{color:var(--muted)} :root[data-design] #page .dp297-heading{flex-wrap:wrap;gap:8px}:root[data-design] #page .dp297-heading h2{margin-right:auto}:root[data-design] #page .dp297-heading .dp314-home-tools{display:flex;align-items:center;gap:6px;margin:0!important;padding:0!important;width:auto!important;flex:0 0 auto}:root[data-design] #page .dp297-heading .dp314-home-tools button,:root[data-design] #page .dp297-heading [data-full]{min-height:44px;padding:8px 10px;font-size:13px;background:transparent;box-shadow:none;border-color:transparent;color:var(--muted)}:root[data-design] #page .dp297-heading .dp314-home-tools button:hover,:root[data-design] #page .dp297-heading [data-full]:hover{background:var(--surface2);color:var(--ink)}:root[data-design] #page .dp297-heading .dp314-settings{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;padding:10px}:root[data-design] #page .dp297-heading button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:600px){:root[data-design] #page .dp297-heading h2{flex-basis:100%}:root[data-design] #page .dp297-heading .dp314-home-tools{margin-left:auto!important}} /* Online315: presence belongs to the desktop greeting; six avatars and details. */ :root[data-design] #page .live315-more{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--line);border-radius:50%;font-size:23px;background:var(--surface2);color:var(--muted)} .live315-list{display:grid;gap:0;max-height:60vh;overflow:auto}.live315-list>div{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px} :root[data-design] #page .live315-more:focus-visible{outline:2px solid var(--accent);outline-offset:2px} @media(min-width:901px){ :root[data-design] #page.home297 .home297-top{grid-template-columns:minmax(0,1fr)!important} :root[data-design] #page.home297 .home297-greeting{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:2px 24px;align-items:center} :root[data-design] #page.home297 .home297-greeting>div:first-child{grid-column:1;grid-row:1;min-width:0} :root[data-design] #page.home297 .home297-greeting>small{grid-column:1;grid-row:2;text-align:left;color:var(--muted)} :root[data-design] #page.home297 .home297-greeting>#live297-slot{grid-column:2;grid-row:1/3;width:350px;min-width:0} :root[data-design] #page.home297 .home297-greeting #live31{padding:0;border:0;box-shadow:none;background:transparent;border-radius:0} :root[data-design] #page.home297 .home297-greeting .live297-avatars{flex-wrap:nowrap;gap:6px} :root[data-design] #page.home297 .home297-greeting:has(>#live297-slot.dp303-hidden){grid-template-columns:minmax(0,1fr)} } .dp316-day{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.dp316-day>section{min-width:0}.dp316-head{display:flex;gap:8px;align-items:center;justify-content:space-between}.dp316-head strong{font-size:14px}.dp316-head button{min-height:44px;font-size:12px;padding:8px}.dp316-note{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.dp316-file{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:6px 0}.dp316-file span{min-width:0;overflow-wrap:anywhere}.dp316-file button{min-height:44px;flex:none}@media(max-width:600px){.dp316-day{grid-template-columns:minmax(0,1fr)}} /* Greeting317: date stays with greeting text; override the older flex rule. */ :root[data-design] #page.home297 .home297-greeting .home317-date{display:block;margin-top:6px;font-size:12px;text-align:left;color:var(--muted)} @media(min-width:901px){:root[data-design] #page.home297>.hero.card.home297-greeting{display:grid!important;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:center}:root[data-design] #page.home297 .home297-greeting>#live297-slot{grid-row:1;grid-column:2}:root[data-design] #page.home297>.hero.card.home297-greeting:has(>#live297-slot.dp303-hidden){grid-template-columns:minmax(0,1fr)}} /* Team319: quiet compact filters and content-sized employee cards. */ :root[data-design] #page .dp319-filters{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 10px} :root[data-design] #page .dp319-filters button{width:auto;min-height:44px;padding:8px 10px;gap:6px;font-size:12px;line-height:1.3;border:1px solid transparent;border-radius:8px;background:transparent;box-shadow:none;white-space:nowrap;color:var(--muted)} :root[data-design] #page .dp319-filters button strong{font-size:12px;font-weight:500} :root[data-design] #page .dp319-filters button[aria-pressed=true]{background:var(--surface2);border-color:var(--line);color:var(--ink);box-shadow:none} :root[data-design] #page .dp319-filters button:hover{background:var(--surface2)} :root[data-design] #page .dp319-team{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:8px;align-items:start} :root[data-design] #page .dp319-team>.dp319-person{display:grid;align-content:start;gap:3px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;box-shadow:none;background:transparent;text-align:left} :root[data-design] #page .dp319-person>strong{font-size:14px;line-height:1.4;font-weight:600} :root[data-design] #page .dp319-person>small{font-size:12px;line-height:1.4;color:var(--muted)} :root[data-design] #page .dp319-person .dp319-empty{margin-top:4px} :root[data-design] #page .dp319-person .dp312-scale{margin:6px 0;gap:5px} :root[data-design] #page .dp319-person .dp312-scale strong{font-size:12px;font-weight:400;color:var(--muted)} :root[data-design] #page .dp319-person .dp312-scale progress{height:4px} :root[data-design] #page .dp319-person>.dp312-team-checks{display:grid;gap:5px;margin:2px 0} :root[data-design] #page .dp319-person .dp312-team-checks>span{font-size:13px} :root[data-design] #page .dp319-person .dp319-alerts{margin-top:5px} :root[data-design] #page .dp319-team>button:focus-visible,:root[data-design] #page .dp319-filters button:focus-visible{outline:2px solid var(--accent);outline-offset:2px} @media(max-width:600px){:root[data-design] #page .dp319-team{grid-template-columns:minmax(0,1fr)}} /* Projects320: dense overview rows; detail/edit pages retain their layout. */ :root[data-design] #page .pr132:has(>.pr132-projects)>.pr132-heading{align-items:center;flex-direction:row;gap:12px;margin-bottom:12px} :root[data-design] #page .pr132:has(>.pr132-projects)>.pr132-heading .pr132-eyebrow{display:none} :root[data-design] #page .pr132:has(>.pr132-projects)>.pr132-heading h1{font-size:24px!important;margin:0 0 4px} :root[data-design] #page .pr132:has(>.pr132-projects)>.pr132-heading p{font-size:13px;line-height:1.4} :root[data-design] #page .pr132:has(>.pr132-projects)>.pr132-toolbar{grid-template-columns:minmax(180px,420px) minmax(150px,220px);gap:10px;margin-bottom:12px} :root[data-design] #page .pr132:has(>.pr132-projects)>.pr132-toolbar input,:root[data-design] #page .pr132:has(>.pr132-projects)>.pr132-toolbar select{padding:8px 10px;min-height:44px} :root[data-design] #page .pr132-projects{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important} :root[data-design] #page .pr132-projects>.pr132-card{display:grid;grid-template-columns:minmax(0,2fr) minmax(170px,1.2fr) minmax(150px,1fr) auto;grid-template-rows:auto auto auto;align-items:center;gap:2px 20px;padding:12px 16px!important;border-radius:10px!important} :root[data-design] #page .pr132-projects>.pr132-card>h2{grid-column:1;grid-row:1;margin:0;font-size:16px;line-height:1.4} :root[data-design] #page .pr132-projects>.pr132-card>h2>button{min-height:32px;font-size:16px} :root[data-design] #page .pr132-projects>.pr132-card>p{grid-column:1;grid-row:2/4;margin:0;min-height:0!important;font-size:13px;line-height:1.45;-webkit-line-clamp:2} :root[data-design] #page .pr132-projects>.pr132-card>.pr132-card-top{grid-column:2;grid-row:1;margin:0;gap:8px;flex-wrap:wrap;justify-content:flex-start} :root[data-design] #page .pr132-projects>.pr132-card>small{grid-column:2;grid-row:2;margin:0;font-size:12px} :root[data-design] #page .pr132-projects>.pr132-card>.pr132-warning{grid-column:2;grid-row:3;margin:0;font-size:12px;font-weight:500} :root[data-design] #page .pr132-projects>.pr132-card>.pr132-stat{grid-column:3;grid-row:1;margin:0;font-size:12px;gap:6px} :root[data-design] #page .pr132-projects>.pr132-card>progress{grid-column:3;grid-row:2;margin:2px 0;height:5px} :root[data-design] #page .pr132-projects>.pr132-card>.pr134-chat-link{grid-column:4;grid-row:1/4;margin:0} :root[data-design] #page .pr132-projects .pr134-chat-link button{min-height:44px;font-size:13px;padding:8px 10px} @media(max-width:1100px){ :root[data-design] #page .pr132-projects>.pr132-card{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:5px 16px} :root[data-design] #page .pr132-projects>.pr132-card>h2{grid-column:1;grid-row:1} :root[data-design] #page .pr132-projects>.pr132-card>p{grid-column:1;grid-row:2} :root[data-design] #page .pr132-projects>.pr132-card>.pr132-card-top{grid-column:2;grid-row:1} :root[data-design] #page .pr132-projects>.pr132-card>small{grid-column:1;grid-row:3} :root[data-design] #page .pr132-projects>.pr132-card>.pr132-stat{grid-column:2;grid-row:2} :root[data-design] #page .pr132-projects>.pr132-card>progress{grid-column:2;grid-row:3} :root[data-design] #page .pr132-projects>.pr132-card>.pr132-warning{grid-column:1;grid-row:4} :root[data-design] #page .pr132-projects>.pr132-card>.pr134-chat-link{grid-column:2;grid-row:4;justify-self:end} } @media(max-width:600px){ :root[data-design] #page .pr132:has(>.pr132-projects)>.pr132-heading{flex-wrap:wrap} :root[data-design] #page .pr132:has(>.pr132-projects)>.pr132-heading .pr132-actions{width:auto} :root[data-design] #page .pr132:has(>.pr132-projects)>.pr132-toolbar{grid-template-columns:minmax(0,1fr)} :root[data-design] #page .pr132-projects>.pr132-card{padding:10px 12px!important;gap:5px 10px} :root[data-design] #page .pr132-projects>.pr132-card>h2>button{min-height:44px} :root[data-design] #page .pr132-projects>.pr132-card>.pr132-card-top{gap:4px} } /* Route321: compact request and measured time at each milestone. */ :root[data-design] #page .r278-row>.r278-request, :root[data-design] #page .r278-row>.r278-path{padding:12px!important;gap:6px!important;min-height:0!important;height:auto!important} :root[data-design] #page .r278-row>.r278-request{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-content:start} :root[data-design] #page .r278-request .r223-number{grid-column:1;grid-row:1} :root[data-design] #page .r278-request .r223-stage-caption{grid-column:2;grid-row:1;justify-self:end} :root[data-design] #page .r278-request :is(.r223-topic,.r223-holder,.r223-deadline){grid-column:1/-1;margin:0!important} :root[data-design] #page .r278-request .r223-topic strong{font-size:14px;line-height:1.35} :root[data-design] #page .r278-path .r223-route{min-height:0!important;margin:0!important;padding:4px 0!important;gap:10px!important} :root[data-design] #page .r278-path .r223-route-step{flex:1 0 78px!important;gap:3px!important;font-size:11px} :root[data-design] #page .r278-path .r321-duration{font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap;color:var(--ink)} :root[data-design] #page .r278-path .r321-duration.overdue{color:#dc3545} :root[data-design] #page .r278-path .r321-current{font-size:10px;color:var(--muted);line-height:1.3} @media(min-width:851px){ :root[data-design] #page .r278-row{align-items:start!important;gap:10px!important} :root[data-design] #page .r278-row>.r278-path{align-self:start!important} } @media(max-width:850px){ :root[data-design] #page .r278-row>.r278-path{padding-top:4px!important} } /* Edit323: visible project editing in the compact list. */ :root[data-design] #page .pr132-projects .pr323-actions{display:flex;flex-direction:column;align-items:stretch;gap:6px;max-width:100%} :root[data-design] #page .pr132-projects .pr323-actions button{white-space:normal;overflow-wrap:anywhere} /* Filter324: participant and completion controls inside projects. */ :root[data-design] #page .pr324-filters{display:grid;gap:8px;margin-bottom:12px;min-width:0} :root[data-design] #page .pr324-filters nav{display:flex;gap:6px;flex-wrap:wrap;min-width:0} :root[data-design] #page .pr324-filters button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:6px 10px;font-size:12px;line-height:1.35;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink)} :root[data-design] #page .pr324-filters button.active{border-color:var(--accent);color:var(--accent);background:var(--surface)} :root[data-design] #page .pr324-filters button span{font-size:11px;font-weight:600;opacity:.8} :root[data-design] #page [data-project-content]{min-width:0} @media(max-width:600px){ :root[data-design] #page .pr324-filters .pr324-people{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px} :root[data-design] #page .pr324-people button{flex:none;white-space:nowrap} :root[data-design] #page .pr324-status button{flex:1} } /* Result325: compact task rows in project detail. */ :root[data-design] #page .pr132-task{grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:9px 0!important;min-height:0} :root[data-design] #page .pr132-task>div:first-child{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 8px;min-width:0} :root[data-design] #page .pr132-task h3{margin:0!important;font-size:14px;line-height:1.35;min-width:0;overflow-wrap:anywhere} :root[data-design] #page .pr132-task h3>button{font-size:14px;line-height:1.35;min-height:32px;padding:0!important} :root[data-design] #page .pr132-task .pr132-badge{font-size:11px;padding:3px 7px;line-height:1.3;white-space:nowrap} :root[data-design] #page .pr132-task p{grid-column:1/-1;font-size:11px;line-height:1.35;margin:0!important} :root[data-design] #page .pr132-task>div:nth-child(2){display:grid;grid-template-columns:auto auto;gap:2px 8px;align-items:center;justify-items:end} :root[data-design] #page .pr132-task>div:nth-child(2)>strong{font-size:12px;font-weight:500;grid-column:1} :root[data-design] #page .pr132-task>div:nth-child(2)>small{font-size:10px;grid-column:1} :root[data-design] #page .pr132-task .pr325-edit{grid-column:2;grid-row:1/3;width:44px;height:44px;min-width:44px;padding:10px;display:inline-flex;align-items:center;justify-content:center} :root[data-design] #page .pr325-edit svg{width:17px;height:17px} @media(max-width:600px){ :root[data-design] #page .pr132-task{gap:6px 8px;align-items:start} :root[data-design] #page .pr132-task>div:first-child{grid-template-columns:minmax(0,1fr)} :root[data-design] #page .pr132-task .pr132-badge{justify-self:start} :root[data-design] #page .pr132-task h3>button{min-height:44px} :root[data-design] #page .pr132-task>div:nth-child(2){grid-template-columns:auto;gap:3px} :root[data-design] #page .pr132-task .pr325-edit{grid-column:1;grid-row:auto} } :root[data-design] #page .pr325-time{grid-column:1/-1;max-width:480px;width:100%;margin-top:3px} :root[data-design] #page .pr325-time .t295-time{margin-top:0} :root[data-design] #page .pr325-time .t295-time-labels{font-size:10px;line-height:1.3} :root[data-design] #page .pr325-time .t295-rail{height:3px;margin:6px 5px 3px} :root[data-design] #page .pr325-time .t295-dot{width:9px;height:9px} :root[data-design] #page .dp325-options{display:flex;align-items:flex-start;flex-wrap:wrap;gap:0 16px;margin:0;min-width:0} :root[data-design] #page .dp325-options>details{margin:0!important;min-width:0} :root[data-design] #page .dp325-options>details[open]{flex-basis:100%} :root[data-design] #page .dp325-options>details>summary{box-sizing:border-box;min-height:44px!important;line-height:20px;padding:12px 0!important;font-size:12px;color:var(--muted);cursor:pointer} :root[data-design] #page .dp313 .dp297-empty{margin:0!important;padding:6px 0!important;border:0!important;background:transparent!important;font-size:13px;line-height:1.4} :root[data-design] #page .dp313 .dp297-list:has(>.dp297-empty){gap:0;margin:0} :root[data-design] #page .dp313 .dp316-day{gap:8px 20px;margin-top:8px;padding-top:8px} :root[data-design] #page .dp313 .dp316-head{justify-content:flex-start;gap:10px} :root[data-design] #page .dp313 .dp316-head strong{font-size:12px} :root[data-design] #page .dp313 .dp316-head button{border:0;background:transparent;color:var(--accent);padding:6px;min-height:44px} :root[data-design] #page .dp313 .dp297-heading{margin-bottom:4px} @media(max-width:600px){:root[data-design] #page .dp313 .dp316-day{grid-template-columns:1fr;gap:2px}} /* Partner327: small unread counters in navigation and each partner chat. */ :root[data-design] .p327-badge,:root[data-design] .p327-room-badge{display:inline-flex!important;flex:0 0 auto!important;align-items:center;justify-content:center;width:auto!important;min-width:20px!important;height:20px!important;min-height:20px!important;max-width:40px;padding:0 5px!important;box-sizing:border-box;border-radius:999px!important;background:var(--accent);color:#fff;font-size:11px!important;font-weight:700;line-height:20px;align-self:center} :root[data-design] .p327-badge[hidden],:root[data-design] .p327-room-badge[hidden]{display:none!important} :root[data-design] .pc-room .pc-room-copy{min-width:0;flex:1} /* 330: compact feed with readable body and bounded attachments. */ :root[data-design] #page .home-layout .feed-post{display:flex;flex-direction:column;gap:0;padding:14px 16px!important} :root[data-design] #page .home-layout .feed-post>.row{align-items:center!important;gap:10px!important} :root[data-design] #page .home-layout .feed330-date{font-size:12px;color:var(--muted);white-space:nowrap;flex:0 0 auto} :root[data-design] #page .home-layout .feed-post .f52-pin-tools{padding:0!important;border:0!important;margin:0 0 8px!important;min-height:0} :root[data-design] #page .home-layout .feed-post>h4{margin:10px 0 6px!important;font-size:16px!important} :root[data-design] #page .home-layout .feed-post>p{margin:0!important;line-height:1.5!important;max-width:85ch} :root[data-design] #page .home-layout .feed-post>.fa137-attachments{order:2;margin:12px 0 0!important;width:100%;max-width:560px!important;align-self:flex-start} :root[data-design] #page .home-layout .feed-post>.r136-feed-open{order:3;align-self:flex-start;min-height:44px!important;margin:4px 0 -4px!important;padding:8px!important} :root[data-design] #page .home-layout .feed-post>.r136-feed-discussion{order:4;width:100%} :root[data-design] #page .home-layout aside.stack{gap:12px!important} :root[data-design] #page .home-layout aside.stack>.card{padding:12px 14px!important;min-height:0!important} :root[data-design] #page .home-layout aside.stack h3{font-size:16px!important;margin:0!important} :root[data-design] #page .home-layout aside.stack .empty{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;padding:12px 0!important;min-height:0!important;margin:0!important;text-align:left!important} :root[data-design] #page .home-layout aside.stack .empty>.svg{width:24px!important;height:24px!important;margin:0!important;flex:0 0 24px} :root[data-design] #page .home-layout aside.stack [data-do=event-new]{min-height:44px;font-size:14px} :root[data-design] #page .home-layout .f23-feed-header{margin-bottom:10px!important;min-height:44px!important} @media(max-width:600px){:root[data-design] #page .home-layout .feed-post{padding:12px!important}:root[data-design] #page .home-layout .feed-post>.row{flex-wrap:wrap!important;padding-right:30px!important}:root[data-design] #page .home-layout .feed330-date{font-size:11px}:root[data-design] #page .home-layout .feed-post>.fa137-attachments{max-width:100%!important}} /* 331: messages retain their content height in the scrollable flex column. */ .p115 .pc-messages>.pc-message{flex:0 0 auto!important;height:auto!important;min-height:min-content!important;max-height:none!important;position:relative} .p115 .pc-messages>.pc-day,.p115 .pc-messages>.pc-older{flex:0 0 auto!important} .p115 .pc-message>.pc-bubble{flex:0 1 auto!important;max-width:100%!important} .p115 .pc-bubble:has(.pc-file)>.c311-content{display:block;min-width:0} .p115 .pc-bubble .pc-file{position:relative;max-width:100%;height:auto} .p115 .pc-bubble .pc-thumb119{max-width:100%;height:auto} /* Design release stages, 332 */ .ds332{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));padding:8px 0!important;margin:8px 0!important;list-style:none;gap:0;width:100%;min-width:0} .ds332>li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;min-width:0;padding:0 3px;font-size:11px;line-height:1.35;color:var(--muted);overflow-wrap:anywhere} .ds332>li:not(:last-child):after{content:'';position:absolute;top:11px;left:calc(50% + 14px);width:calc(100% - 28px);border-top:2px dashed var(--line)} .ds332>li.complete:after{border-top-style:solid;border-color:#269968} .ds332>li.current:after{border-color:#ce4b65} .ds332-dot{position:relative;z-index:1;width:24px;height:24px;flex:0 0 24px;border-radius:50%;display:grid;place-items:center;background:var(--surface2);border:1px solid var(--line);font-size:12px} .ds332>li.complete .ds332-dot{background:#e0f5e9;color:#157747;border-color:#65b891} .ds332>li.current{color:var(--ink);font-weight:600}.ds332>li.current .ds332-dot{background:var(--accent);color:white;border-color:var(--accent)} .ds332 small{font-size:10px;color:var(--muted)} :root[data-design] #page .pr132-task .ds332{max-width:650px} /* 333: production track spans both task columns. */ :root[data-design] #page .pr132-task>.pr333-progress{grid-column:1/-1;width:100%;min-width:0;margin:0;padding:0} :root[data-design] #page .pr132-task>.pr333-progress:empty{display:none} :root[data-design] #page .pr132-task .ds332{max-width:none!important;width:100%!important;margin:4px 0!important} .ds332 .ds333-short{display:none} .ds332>li{overflow-wrap:normal;word-break:normal} @media(max-width:700px){.ds332 .ds333-full{display:none}.ds332 .ds333-short{display:block}.ds332>li{font-size:11px;padding:0 2px}.ds332{margin:4px 0!important;padding:6px 0!important}} /* Configurable design stages */ .ds332{grid-template-columns:repeat(var(--stage-count,5),minmax(0,1fr))!important} .ds334-editor{margin-bottom:16px}.ds334-list{display:grid;gap:10px}.ds334-row{display:grid;grid-template-columns:24px minmax(0,2fr) minmax(0,1fr) auto;gap:10px;align-items:end}.ds334-row>span{align-self:center}.ds334-row label{display:grid;gap:4px;font-size:13px}.ds334-row input{min-width:0;width:100%;box-sizing:border-box}.ds334-tools{display:flex;gap:4px}.ds334-tools button{min-width:44px;min-height:44px;padding:6px}.ds334-tools button:disabled{opacity:.3} @media(max-width:700px){.ds334-row{grid-template-columns:20px minmax(0,1fr);gap:6px}.ds334-row>label,.ds334-tools{grid-column:2}.ds334-row>span{grid-column:1;grid-row:1/4}.ds334-row{padding-bottom:10px;border-bottom:1px solid var(--border,#ddd)}.ds332.ds334-many{grid-template-columns:repeat(var(--stage-count),minmax(90px,1fr))!important;overflow-x:auto;padding-bottom:8px}} /* Compact comments on task progress */ .tc336{margin:16px 0;min-width:0}.tc336 form{display:grid;gap:8px}.tc336 label{font-weight:600;font-size:14px}.tc336 textarea{display:block;box-sizing:border-box;width:100%;min-height:76px;max-height:240px;resize:vertical;font:inherit}.tc336-actions{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.tc336-actions button{min-height:44px}.tc336-list{display:grid;gap:8px;margin-bottom:12px}.tc336-list article{padding:8px 0;border-bottom:1px solid var(--border,#ddd);min-width:0}.tc336-list header{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;font-size:13px}.tc336-list time,.tc336-list small{color:var(--muted,#71717a);font-size:12px}.tc336-list p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0;max-height:120px;overflow-y:auto}.tc336-feedback{font-size:13px;margin:8px 0}.tc336-list .muted{margin:0} /* Align337: shared home card gutters and control baselines. */ :root[data-design] #page.home297{--home337-gutter:20px;--home337-gap:16px} :root[data-design] #page.home297>.hero.card.home297-greeting, :root[data-design] #page.home297 .home297-top>.home297-plan.card, :root[data-design] #page.home297 .home297-attention, :root[data-design] #page.home297 .home-layout>main>section.card, :root[data-design] #page.home297 .home-layout>aside>.card{padding:var(--home337-gutter)!important;border-radius:16px!important;box-sizing:border-box;min-width:0} :root[data-design] #page.home297>.hero.card.home297-greeting{margin:0 0 var(--home337-gap)!important;width:100%;border:1px solid var(--line)!important;align-items:start!important} :root[data-design] #page.home297 .home297-top{gap:var(--home337-gap);margin-bottom:var(--home337-gap);width:100%;min-width:0} :root[data-design] #page.home297 .home297-plan{margin:0;width:100%} :root[data-design] #page.home297 .home297-greeting>div:first-child{align-self:center} :root[data-design] #page.home297 .home297-greeting h1{margin:0 0 6px;line-height:1.25;font-size:24px} :root[data-design] #page.home297 .dp297-heading{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;margin:0 0 12px} :root[data-design] #page.home297 .dp297-heading h2{margin:0;line-height:1.3;font-size:20px} :root[data-design] #page.home297 .dp297-heading .dp314-home-tools{gap:8px;margin:0!important;justify-content:flex-end} :root[data-design] #page.home297 .dp297-heading button{margin:0;min-height:44px} :root[data-design] #page.home297 .dp313 .dp313-toolbar{display:grid;grid-template-columns:max-content 160px minmax(0,1fr);align-items:center;gap:8px;margin:0 0 12px} :root[data-design] #page.home297 .dp313-tabs{box-sizing:border-box;min-height:48px;padding:2px;gap:2px;align-items:stretch;margin:0} :root[data-design] #page.home297 .dp313-tabs button{min-height:44px;line-height:1.3;margin:0} :root[data-design] #page.home297 .dp313 .dp313-date{box-sizing:border-box;width:100%!important;height:48px;min-height:48px;margin:0;padding:8px 12px;line-height:1.3} :root[data-design] #page.home297 .dp313 [data-add]{box-sizing:border-box;grid-column:3;justify-self:end;width:auto;min-height:48px;margin:0;padding:10px 16px;line-height:1.3} @media(max-width:900px){ :root[data-design] #page.home297{--home337-gutter:16px;--home337-gap:12px} :root[data-design] #page.home297 .home297-greeting h1{font-size:22px} } @media(max-width:600px){ :root[data-design] #page.home297{--home337-gutter:12px} :root[data-design] #page.home297 .dp297-heading{grid-template-columns:minmax(0,1fr) auto;gap:4px 8px} :root[data-design] #page.home297 .dp297-heading h2{grid-column:1/-1;font-size:19px} :root[data-design] #page.home297 .dp297-heading [data-full]{justify-self:start;padding-left:0} :root[data-design] #page.home297 .dp297-heading .dp314-home-tools{margin:0!important;justify-self:end} :root[data-design] #page.home297 .dp313 .dp313-toolbar{grid-template-columns:minmax(0,1fr) minmax(130px,145px);align-items:stretch} :root[data-design] #page.home297 .dp313-tabs{min-width:0;width:100%} :root[data-design] #page.home297 .dp313-tabs button{min-width:0;padding:8px 6px!important;flex:1} :root[data-design] #page.home297 .dp313 [data-add]{grid-column:1/-1;width:100%;justify-self:stretch} } @media(max-width:359px){ :root[data-design] #page.home297 .dp313 .dp313-toolbar{grid-template-columns:minmax(0,1fr)} :root[data-design] #page.home297 .dp313 .dp313-date{grid-column:1} }