:root{--lime:#aaf400;--ink:#111713;--muted:#6b756e;--line:#dfe5df;--soft:#f3f6f2;--white:#fff;--danger:#b7352a;--shadow:0 20px 65px rgba(7,18,11,.11)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#edf2ec;color:var(--ink);line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.portal-header{position:sticky;top:0;z-index:20;background:#050a07;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.portal-nav{width:min(1180px,calc(100% - 32px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}.portal-brand img{height:38px;width:auto;mix-blend-mode:screen}.portal-actions{display:flex;align-items:center;gap:10px}.portal-actions a,.portal-actions button{border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;border-radius:999px;padding:9px 13px;cursor:pointer}.portal-shell{width:min(1180px,calc(100% - 32px));margin:38px auto 70px}.panel{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.login-panel{max-width:520px;margin:70px auto;padding:34px}.mini{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:800;color:#6a756d}.login-panel h1,.portal-intro h1{margin:8px 0 12px;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.055em;line-height:1}.muted{color:var(--muted)}.field{display:grid;gap:6px}.field label,.field>span{font-size:.7rem;font-weight:780;text-transform:uppercase;letter-spacing:.08em;color:#69746c}.field input,.field select,.field textarea{width:100%;border:1px solid #d3dcd2;background:#fff;border-radius:12px;padding:12px 13px;outline:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8ecb00;box-shadow:0 0 0 3px rgba(170,244,0,.16)}.btn{border:0;border-radius:14px;padding:13px 18px;font-weight:820;cursor:pointer}.btn-lime{background:var(--lime);color:#111713}.btn-dark{background:#111713;color:#fff}.btn-ghost{border:1px solid #d1d9d0;background:#fff;color:#111713}.login-error{display:none;margin-top:12px;background:#fff0ee;color:#8e2c24;padding:10px 12px;border-radius:12px}.login-error.show{display:block}.hidden{display:none!important}.portal-intro{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.portal-intro p{max-width:58ch}.search-panel{padding:22px}.search-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px}.search-grid .wide{grid-column:span 2}.staff-results-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:20px;margin-top:22px;align-items:start}.results-panel,.calculation-panel{padding:20px}.results-list{display:grid;gap:10px;max-height:680px;overflow:auto;padding-right:4px}.staff-property{display:grid;grid-template-columns:92px 1fr;gap:13px;padding:10px;border:1px solid #dfe5df;border-radius:16px;cursor:pointer;background:#fff}.staff-property:hover,.staff-property.selected{border-color:#9bdc12;background:#f7fbeF}.staff-property img{width:92px;height:78px;object-fit:cover;border-radius:11px}.staff-property h3{font-size:.94rem;margin:2px 0 5px;line-height:1.25}.staff-property small{display:block;color:#758078}.result-count{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.selected-property{display:grid;grid-template-columns:130px 1fr;gap:16px;background:#111713;color:#fff;border-radius:18px;padding:12px;margin-bottom:16px}.selected-property img{width:130px;height:106px;object-fit:cover;border-radius:12px}.selected-property h3{margin:4px 0;font-size:1.02rem}.selected-property p{margin:0;color:#bac4bc}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.breakdown{margin-top:16px;border:1px solid #dbe4d8;border-radius:18px;overflow:hidden}.breakdown-row{display:flex;justify-content:space-between;gap:16px;padding:11px 14px;border-bottom:1px solid #e7ece6}.breakdown-row:last-child{border-bottom:0}.breakdown-row.total{background:#111713;color:#fff;font-weight:800;font-size:1.05rem}.breakdown-row.total strong{color:var(--lime)}.send-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.send-actions .btn{flex:1}.application-box{margin-top:18px;padding:16px;border-radius:18px;background:#eef5e5;border:1px solid #d6e4c8}.application-box h3{margin:0 0 6px}.application-link-row{display:flex;gap:8px;margin-top:10px}.application-link-row input{flex:1;min-width:0;border:1px solid #cdd8c7;border-radius:10px;padding:10px}.status-table{margin-top:22px;padding:20px}.status-list{display:grid;gap:8px}.status-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:10px 12px;border:1px solid #e0e7df;border-radius:12px}.security-note{margin-top:18px;padding:14px;border-radius:14px;background:#fff7e8;color:#72531d;font-size:.84rem}@media(max-width:900px){.search-grid{grid-template-columns:1fr 1fr}.staff-results-layout{grid-template-columns:1fr}.portal-intro{align-items:start;flex-direction:column}}@media(max-width:600px){.search-grid,.calc-grid{grid-template-columns:1fr}.search-grid .wide{grid-column:auto}.selected-property{grid-template-columns:1fr}.selected-property img{width:100%;height:190px}.application-link-row{flex-direction:column}.portal-actions a{display:none}}
/* V14: clearer separation between full-stay rent and initial payment. */
.breakdown-heading{margin:18px 0 7px;padding:10px 12px;border-radius:12px;background:#101914;color:#fff;font-size:.76rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.breakdown-heading:first-child{margin-top:0}.breakdown-heading.initial-heading{background:#eaf5cb;color:#1d2a13}.breakdown-row.sub{align-items:flex-start}.breakdown-row.stay-total{background:#f0f8db;border-color:#d7e8ab}.breakdown-row small{font-weight:500}
.breakdown-section-title{padding:11px 14px;background:#eef5e8;color:#263428;font-size:.72rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase;border-bottom:1px solid #dce6d8}.breakdown-row.rent-total{background:#203126}.breakdown-row.balance{background:#f5f8f3;font-weight:750;color:#27342a}.breakdown-row.balance strong{color:#111713}
/* V14: detailed full-rent and professional initial-payment breakdown */
.breakdown-heading{padding:11px 14px;background:#edf4e5;color:#2b3a2c;font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #dbe4d8}
.breakdown-row.breakdown-detail{font-size:.88rem;color:#536057;background:#fbfcfb}
.breakdown-row.rent-total{background:#e9f5d7;font-weight:850;color:#172217;font-size:1rem}
.breakdown-row.rent-total strong{color:#365500}
.breakdown-note{padding:11px 14px;background:#f7f9f6;color:#66736a;font-size:.8rem;border-bottom:1px solid #e7ece6}
.breakdown-message{padding:16px;color:#66736a;background:#f7f9f6}

/* V16 multi-user workflow, dashboards and operations diary */
.staff-identity{text-align:right;display:grid;gap:3px}.staff-identity strong{text-transform:capitalize}.quote-save-state{margin-top:9px;font-size:.8rem}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow)}.metric-card strong{display:block;font-size:2rem;line-height:1;color:#5e8e00;margin-bottom:7px}.data-table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:860px}.data-table th,.data-table td{text-align:left;padding:11px 10px;border-bottom:1px solid #e4eae3;vertical-align:top}.data-table th{font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:#667168}.workflow{display:flex;gap:7px;flex-wrap:wrap}.workflow-chip{padding:6px 9px;border-radius:999px;background:#eef2ed;color:#566158;font-size:.72rem;font-weight:760}.workflow-chip.done{background:#e4f7b6;color:#304400}.workflow-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.workflow-actions .btn{padding:9px 12px;font-size:.78rem}.payment-request{margin-top:14px;padding:14px;border-radius:16px;background:#f4f8ed;border:1px solid #dbe7ca}.payment-request h4{margin:0 0 7px}.calendar-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.calendar-list{display:grid;gap:9px}.calendar-item{background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px}.calendar-date{font-weight:850;color:#4f7d00}.role-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#e9f5d1;color:#3d5900;font-size:.7rem;font-weight:800;text-transform:capitalize}.admin-tools{display:flex;gap:10px;flex-wrap:wrap}.notice-box{padding:14px;border-radius:14px;background:#fff7e8;color:#72531d;font-size:.84rem}.application-card{padding:20px;margin-bottom:14px}.application-card-head{display:flex;justify-content:space-between;gap:18px;align-items:start}.app-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.app-detail{background:#f6f8f5;border:1px solid #e2e8e0;border-radius:13px;padding:10px}.app-detail small{display:block;color:#6e786f}.bank-box{background:#111713;color:#fff;border-radius:15px;padding:13px;margin-top:10px}.bank-box strong{color:var(--lime)}
@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr 1fr}.calendar-columns,.app-details{grid-template-columns:1fr}.application-card-head{flex-direction:column}}@media(max-width:600px){.dashboard-grid{grid-template-columns:1fr}.staff-identity{text-align:left}}
/* V16 multi-user operations, quote tracking and rental diary */
.dashboard-panel{padding:22px;margin-bottom:22px}.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dashboard-stat{background:#111713;color:#fff;border-radius:18px;padding:18px;border:1px solid rgba(255,255,255,.06)}.dashboard-stat strong{display:block;color:var(--lime);font-size:2rem;line-height:1}.dashboard-stat span{display:block;color:#c4cec6;margin-top:8px;font-size:.82rem}.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:20px}.activity-list,.staff-performance{display:grid;gap:8px}.activity-row,.performance-row,.calendar-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:11px 12px;border:1px solid #e0e7df;border-radius:13px;background:#fff}.activity-row div,.performance-row div,.calendar-row div{display:grid}.activity-row span,.performance-row span,.calendar-row span,.calendar-row small{color:var(--muted);font-size:.78rem}.activity-row time{font-size:.72rem;color:var(--muted)}.application-workflow-list{display:grid;gap:16px;margin-top:22px}.application-card{padding:22px}.application-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.application-head h2{margin:10px 0 5px}.application-contact{display:grid;text-align:right;gap:5px}.application-contact a{font-weight:750}.application-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:20px}.status-badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:#edf2ed;color:#435047;font-size:.72rem;font-weight:850}.status-accepted,.status-payment_received,.status-owner_paid{background:#e5f8c4;color:#29420f}.status-rejected{background:#ffe5e2;color:#8d2d24}.status-payment_requested,.status-contract_signed{background:#e6f1ff;color:#234a78}.milestone-list{display:grid;gap:9px}.milestone-list label{display:grid;grid-template-columns:auto 1fr;gap:9px 10px;align-items:start;padding:11px 12px;border:1px solid #dfe6dd;border-radius:13px}.milestone-list input{margin-top:4px}.milestone-list small{grid-column:2;color:var(--muted)}.payment-request-box{margin-top:16px;padding:15px;border-radius:16px;background:#edf5e2;border:1px solid #d5e4c5}.btn-danger{background:#9f342b;color:#fff}.calendar-list{display:grid;gap:9px}.calendar-row b{font-size:.82rem}.calendar-row small{color:#4e7c25;font-weight:750}.portal-actions{flex-wrap:wrap}.security-note{line-height:1.5}@media(max-width:900px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-columns,.application-columns{grid-template-columns:1fr}.application-contact{text-align:left}}@media(max-width:600px){.dashboard-stats{grid-template-columns:1fr}.application-head,.activity-row,.performance-row,.calendar-row{align-items:flex-start;flex-direction:column}.portal-actions{gap:6px}.portal-actions a{display:inline-flex;font-size:.72rem;padding:7px 9px}}
/* V16 workflow dashboard */
.staff-chip{padding:8px 12px;border-radius:999px;background:rgba(170,244,0,.14);border:1px solid rgba(170,244,0,.3);color:#efffd3;font-size:.78rem;font-weight:800}.portal-actions-inline{display:flex;gap:9px}.dashboard-shell{width:min(1380px,calc(100% - 32px))}.dashboard-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 20px}.dashboard-stat{background:#111713;color:#fff;border-radius:20px;padding:18px;min-height:114px}.dashboard-stat strong{display:block;color:var(--lime);font-size:2rem;line-height:1;margin-bottom:9px}.dashboard-stat span{color:#c3cec5;font-size:.84rem}.dashboard-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 16px}.dashboard-tabs button{border:1px solid #cfd8ce;background:#fff;border-radius:999px;padding:11px 16px;font-weight:800;cursor:pointer}.dashboard-tabs button.active{background:#111713;color:#fff;border-color:#111713}.dashboard-view{display:none}.dashboard-view.active{display:block}.dashboard-panel{padding:22px}.dashboard-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.dashboard-toolbar h2{margin:0 0 5px;font-size:1.65rem;letter-spacing:-.035em}.dashboard-toolbar p{margin:0}.field.compact{min-width:220px}.workflow-list{display:grid;gap:13px}.workflow-card{border:1px solid #dce4dc;border-radius:20px;padding:17px;background:#fff}.workflow-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.workflow-title{display:flex;gap:12px;align-items:flex-start}.workflow-title img{width:88px;height:72px;object-fit:cover;border-radius:14px;background:#edf2ec}.workflow-title h3{margin:1px 0 3px;font-size:1.06rem}.workflow-title p{margin:0;font-size:.84rem}.stage-badge{display:inline-flex;padding:8px 11px;border-radius:999px;background:#eef4e8;color:#314021;font-size:.76rem;font-weight:850;text-transform:capitalize}.stage-badge.accepted,.stage-badge.payment_requested,.stage-badge.contract_signed,.stage-badge.payment_received,.stage-badge.owner_paid,.stage-badge.completed{background:#eaffba}.stage-badge.rejected{background:#ffe1dc;color:#8e2c24}.workflow-meta{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:14px 0}.workflow-meta div{background:#f5f8f4;border-radius:13px;padding:10px}.workflow-meta small{display:block;color:#758077;text-transform:uppercase;letter-spacing:.08em;font-size:.62rem}.workflow-meta strong{display:block;margin-top:2px;font-size:.88rem;overflow-wrap:anywhere}.workflow-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #e8ece7;padding-top:13px}.workflow-actions button,.workflow-actions a{border:1px solid #d1dad0;background:#fff;border-radius:12px;padding:9px 11px;font-weight:780;font-size:.78rem;cursor:pointer}.workflow-actions button.primary{background:var(--lime);border-color:var(--lime)}.workflow-actions button.dark{background:#111713;color:#fff;border-color:#111713}.workflow-actions button.done{background:#eaffba;border-color:#a8dc42}.workflow-note{display:flex;gap:8px;margin-top:12px}.workflow-note input{flex:1;border:1px solid #d3dcd2;border-radius:12px;padding:10px 12px}.document-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.document-links a{font-size:.75rem;border-bottom:1px solid #819085}.diary-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.diary-summary>div{background:#f4f7f3;border-radius:19px;padding:16px}.event-list{display:grid;gap:8px;margin-top:10px}.diary-event{display:flex;justify-content:space-between;gap:12px;background:#fff;border:1px solid #dfe6de;border-radius:13px;padding:10px 12px}.diary-event strong{font-size:.86rem}.diary-event span{font-size:.75rem;color:#69746c}.calendar-table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:820px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #e4e9e3;padding:11px 9px;vertical-align:top;font-size:.82rem}.data-table th{text-transform:uppercase;letter-spacing:.08em;font-size:.63rem;color:#6c776e}.data-table td strong{display:block}.performance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px}.performance-card{border:1px solid #dfe5df;border-radius:17px;padding:14px;background:#f8faf7}.performance-card strong{display:block;font-size:1.05rem}.performance-card span{font-size:.75rem;color:#6b756e}.workflow-modal{position:fixed;inset:0;z-index:100}.workflow-modal.hidden{display:none!important}.workflow-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.56);backdrop-filter:blur(7px)}.workflow-modal-panel{position:relative;z-index:2;width:min(720px,calc(100% - 28px));max-height:92vh;overflow:auto;margin:4vh auto;background:#fff;border-radius:24px;padding:25px;box-shadow:0 28px 90px rgba(0,0,0,.3)}.workflow-modal-panel textarea{width:100%;border:1px solid #d4ddd3;border-radius:14px;padding:13px;white-space:pre-wrap}.workflow-close{position:absolute;right:15px;top:15px;width:40px;height:40px;border:0;border-radius:50%;background:#111713;color:#fff;font-size:25px;cursor:pointer}.empty-state{padding:24px;border:1px dashed #ccd6cb;border-radius:16px;text-align:center;color:#69746c}@media(max-width:1050px){.dashboard-stats{grid-template-columns:repeat(3,1fr)}.workflow-meta{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.dashboard-stats,.workflow-meta,.diary-summary,.performance-grid{grid-template-columns:1fr}.dashboard-toolbar,.workflow-head{align-items:flex-start;flex-direction:column}.field.compact{width:100%}.portal-actions{gap:5px;flex-wrap:wrap;justify-content:flex-end}.portal-actions a,.portal-actions button{font-size:.7rem;padding:7px 9px}.workflow-title img{width:72px;height:62px}}

/* V17 quotation decision workflow */
.quote-toolbar-filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.quote-help{margin:-4px 0 18px;padding:13px 15px;border-radius:15px;background:#f4f8ee;border:1px solid #dbe6ce;color:#50604f;font-size:.82rem}.quote-table{min-width:1180px}.quote-status{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;font-size:.7rem;font-weight:850;white-space:nowrap;background:#edf2ed;color:#415044}.quote-status-proceeding{background:#eaffba;color:#29420f}.quote-status-converted{background:#dff0ff;color:#244e75}.quote-status-declined{background:#ffe1dc;color:#8e2c24}.quote-status-archived{background:#e7e8e7;color:#555d57}.quote-row-actions{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:7px;min-width:255px}.quote-row-actions select{border:1px solid #d3dcd2;border-radius:10px;background:#fff;padding:8px 9px;font-size:.75rem}.quote-row-actions button{border:1px solid #cfd8ce;background:#fff;border-radius:10px;padding:8px 10px;font-size:.72rem;font-weight:800;cursor:pointer}.quote-row-actions button:hover{border-color:#9bdc12;background:#f4f9eb}.quote-row-actions .quote-delete{grid-column:1/-1;background:#fff0ee;color:#8e2c24;border-color:#f1c9c4}.quote-row-actions .quote-delete:hover{background:#ffe1dc;border-color:#e3a49c}@media(max-width:700px){.quote-toolbar-filters{width:100%}.quote-toolbar-filters .field{width:100%}}

/* V18 bilingual staff interface */
.staff-language-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06)}
.portal-actions .staff-language-switch button{border:0;background:transparent;color:#cbd5cc;border-radius:999px;padding:6px 9px;font-size:.68rem;font-weight:850;cursor:pointer;line-height:1}
.portal-actions .staff-language-switch button.active{background:var(--lime);color:#111713}
@media(max-width:600px){.staff-language-switch{order:-1}.portal-actions .staff-language-switch button{font-size:.65rem;padding:6px 8px}}

/* V19 Today dashboard, quotation follow-ups and customer timeline */
.today-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px}.today-metric{border:1px solid #dfe6de;border-radius:17px;padding:14px;background:#f7f9f6}.today-metric.has-work{background:#f0f8dc;border-color:#d4e7a8}.today-metric strong{display:block;font-size:1.65rem;line-height:1;color:#5e8e00;margin-bottom:7px}.today-metric span{font-size:.76rem;color:#627064}.today-actions{display:grid;gap:9px}.today-action{display:grid;grid-template-columns:7px 1fr auto;gap:13px;align-items:center;border:1px solid #dfe6de;border-radius:16px;padding:12px;background:#fff}.today-action-mark{height:100%;min-height:48px;border-radius:999px;background:#9bdc12}.today-overdue .today-action-mark{background:#d94b3d}.today-review .today-action-mark,.today-payment .today-action-mark,.today-contract .today-action-mark,.today-owner .today-action-mark{background:#d7a417}.today-checkin .today-action-mark,.today-checkout .today-action-mark{background:#3789d8}.today-action-copy{display:grid;gap:2px}.today-action-copy strong{font-size:.94rem}.today-action-copy>span:last-child{font-size:.76rem;color:#6b756e}.today-action .btn{padding:9px 12px;font-size:.75rem}.quote-followup{min-width:175px;display:grid;gap:6px}.quote-followup input{width:100%;border:1px solid #d3dcd2;border-radius:9px;padding:7px 8px;font-size:.74rem;background:#fff}.quote-followup>div{display:flex;gap:5px}.quote-followup button{border:1px solid #cfd8ce;background:#fff;border-radius:9px;padding:6px 8px;font-size:.68rem;font-weight:800;cursor:pointer}.quote-followup button:hover{border-color:#9bdc12;background:#f4f9eb}.quote-followup button:disabled,.quote-followup input:disabled{opacity:.5;cursor:not-allowed}.quote-followup small{font-size:.67rem}.quote-followup .follow-active{color:#4d7500;font-weight:800}.quote-table{min-width:1360px}.timeline-panel{width:min(780px,calc(100% - 28px))}.timeline-list{display:grid;gap:0;margin-top:20px}.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:12px;position:relative;padding-bottom:18px}.timeline-item:not(:last-child)::before{content:"";position:absolute;left:7px;top:18px;bottom:0;width:2px;background:#dce5d9}.timeline-dot{width:16px;height:16px;border-radius:50%;background:var(--lime);border:4px solid #eff8db;position:relative;z-index:1}.timeline-body{border:1px solid #e0e7df;background:#fafcf9;border-radius:14px;padding:11px 13px}.timeline-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.timeline-head strong{font-size:.88rem}.timeline-head span{font-size:.7rem;color:#78837a;white-space:nowrap}.timeline-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.timeline-meta span{display:inline-flex;padding:3px 7px;border-radius:999px;background:#eaf2e5;color:#536151;font-size:.65rem;font-weight:750}.timeline-body p{margin:8px 0 0;font-size:.78rem}.workflow-actions [data-timeline]{background:#f4f8ee;border-color:#cfdfbd}@media(max-width:1050px){.today-summary{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.today-summary{grid-template-columns:1fr 1fr}.today-action{grid-template-columns:6px 1fr}.today-action .btn{grid-column:2;justify-self:start}.timeline-head{flex-direction:column;gap:3px}}@media(max-width:480px){.today-summary{grid-template-columns:1fr}}