.sample-intro{display:flex;align-items:center;justify-content:center;gap:12px;margin:28px 0 20px;font-size:11px;line-height:1.7}.sample-intro span{display:flex;align-items:center;gap:8px}.sample-intro b{border:1px solid #77736b;background:#fff9e6;padding:3px 7px;font-size:10px}.sample-intro i{font-style:normal;color:#77736b}.sample-host{container-type:inline-size;min-width:0;background:#fff;border:1px solid #bdb7ab;border-radius:10px;overflow:hidden;box-shadow:5px 5px 0 #d9d3ca;line-height:1.6}.sample-tabs{display:grid;grid-template-columns:1fr 1fr;background:#ece9e4;border-bottom:1px solid #bdb7ab}.sample-tabs button{font-size:12px;padding:15px 7px;border:0;background:transparent;color:#55514b;font-weight:700;border-bottom:4px solid transparent}.sample-tabs button[aria-selected=true]{background:white;color:#302e2a;border-bottom-color:#f2c94c}.sample-tabs button:focus-visible{outline-offset:-5px}.sample-utility{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;gap:10px;font-size:10px;color:#77736b;background:#faf9f6}.sample-utility button{border:1px solid #bdb7ab;border-radius:4px;font-size:10px;background:white;padding:6px 8px;color:#302e2a;white-space:nowrap}.sample-panel{padding:18px 14px 10px;background:#f1f1f4}.sample-panel[hidden]{display:none}.sample-howto{font-size:11px;line-height:1.9;color:#626264;text-align:center;margin:15px auto 8px;max-width:540px}.sample-disclaimer{padding:13px 16px;font-size:10px;line-height:1.9;color:#77736b;border-top:1px solid #d9d3ca;background:#faf9f6}.sample-toast{position:fixed;z-index:1000;bottom:90px;left:50%;transform:translateX(-50%);width:max-content;max-width:90vw;padding:13px 20px;background:#302e2a;color:white;border-radius:7px;box-shadow:0 4px 25px #0003;font-size:13px}.sample-toast[hidden]{display:none}
/* AppSheet: white app bar, deck rows, blue actions, bottom navigation. */
.appsheet-device{max-width:386px;margin:auto;background:#fff;box-shadow:0 4px 18px #00000012;border:1px solid #d4d7dc;border-radius:10px;overflow:hidden;position:relative;color:#202124;font-family:Arial,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif}.as-bar{height:55px;background:white;display:flex;align-items:center;gap:13px;padding:0 17px;border-bottom:1px solid #e0e0e0}.as-bar strong{font-size:17px;font-weight:500}.as-app-icon{font-size:25px;line-height:1;color:#1a73e8}.as-sync{margin-left:auto;font:25px Arial;color:#5f6368}.as-view-title{padding:14px 16px 8px;display:flex;align-items:center;gap:10px}.as-view-title strong{font-size:15px;font-weight:500}.as-view-title>span{font-size:12px;color:#5f6368}.as-search{display:flex;align-items:center;margin:0 12px 9px;background:#f1f3f4;border-radius:8px;gap:8px;padding:9px 10px}.as-search svg{width:18px;height:18px;fill:none;stroke:#5f6368;stroke-width:1.8;flex-shrink:0}.as-search input{border:0;outline:0;min-width:0;width:100%;font-size:13px;background:transparent;padding:0;line-height:1.7;color:#202124}.as-search input:focus-visible{outline:2px solid #1a73e8;outline-offset:4px}.as-content{height:350px;overflow-y:auto;overscroll-behavior:contain;padding-bottom:66px}.as-row{display:grid;grid-template-columns:84px 1fr 15px;align-items:center;gap:12px;padding:15px 14px;background:#fff;border:0;border-bottom:1px solid #e7e8eb;width:100%;text-align:left;color:#202124;min-height:103px}.as-row:hover{background:#f8fafd}.as-car-art{width:84px;height:66px;display:grid;place-items:center;background:#f1f3f4;border-radius:4px;overflow:hidden}.as-car-art svg{width:78px;height:58px}.as-row-copy{display:grid;gap:3px}.as-row-copy small{font-size:11px;color:#5f6368}.as-row-copy strong{font-size:15px;font-weight:500}.as-row-copy .as-meta{font-size:11px;color:#5f6368}.as-row-copy .as-status{font-size:11px;color:#137333}.as-row-copy .as-status.wait{color:#936000}.as-row-chevron{font-size:23px;color:#9aa0a6}.as-bottom{height:61px;background:#fff;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dadce0}.as-bottom button{background:white;border:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:10px;color:#5f6368;line-height:1.4}.as-bottom button span{font-size:22px;line-height:1.1}.as-bottom button[aria-pressed=true]{color:#1a73e8;background:#f8fbff}.as-bottom button:focus-visible{outline-color:#1a73e8;outline-offset:-4px}.as-fab{position:absolute;right:17px;bottom:79px;background:#1a73e8;border:0;box-shadow:0 3px 7px #0003;border-radius:50%;height:53px;width:53px;color:white;font:29px Arial}.as-fab:hover{background:#185abc}.as-back{background:#fff;border:0;color:#1a73e8;display:block;padding:10px 16px;font-size:12px}.as-detail-header{padding:0 18px 13px;border-bottom:1px solid #e8eaed}.as-detail-header h4{font-size:19px;font-weight:500;margin:4px 0}.as-detail-header small{font-size:11px;color:#5f6368}.as-detail-dl{margin:0;padding:0 18px}.as-detail-dl>div{padding:10px 0;border-bottom:1px solid #eee}.as-detail-dl dt{font-size:11px;color:#5f6368}.as-detail-dl dd{font-size:14px;margin:4px 0 0}.as-detail-actions{padding:14px 18px}.as-check{color:#1a73e8;background:#e8f0fe;border:0;border-radius:4px;padding:10px 14px;font-size:12px}.as-empty{font-size:13px;color:#5f6368;padding:35px 20px;text-align:center}.as-expense-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:17px;border-bottom:1px solid #e8eaed}.as-expense-row strong{font-size:14px;font-weight:500}.as-expense-row small{font-size:11px;color:#5f6368;display:block;margin-top:4px}.as-expense-row b{font-size:15px;font-weight:500}
/* Looker Studio report shell, Digital Agency dashboard guidebook Blue palette. */
.looker-report{background:#f8f8fb;border:1px solid #d5d5d9;border-radius:4px;overflow:hidden;color:#1a1a1a;font-family:Arial,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif}.ls-toolbar{height:42px;display:flex;align-items:center;gap:8px;padding:0 13px;border-bottom:1px solid #dadce0;background:white;font-size:11px;color:#5f6368}.ls-icon{font-size:22px;color:#3460fb}.ls-toolbar small{font-size:9px;margin-left:6px}.ls-mode{border:1px solid #dadce0;border-radius:3px;padding:2px 8px;margin-left:auto;font-size:9px}.da-body{padding:20px 14px 15px}.da-heading{display:flex;gap:10px;justify-content:space-between;align-items:center;border-left:5px solid #0017c1;padding-left:10px;margin-bottom:20px}.da-heading small{font-size:8px;letter-spacing:.02em;color:#626264}.da-heading h3{font-size:17px!important;font-weight:700;line-height:1.7;margin:3px 0 0;letter-spacing:-.025em}.da-period{color:#626264;font-size:10px;white-space:nowrap}.da-filters{background:#f1f1f4;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.da-filters label{font-size:10px;color:#626264;display:grid;gap:4px;min-width:0;flex:1;max-width:240px}.da-filters select{background:white;border:1px solid #999;border-radius:3px;padding:6px 28px 6px 8px;width:100%;color:#1a1a1a;font-size:12px;line-height:1.5}.da-fresh{font-size:9px;color:#626264;display:flex;gap:4px;align-items:center;white-space:nowrap}.da-fresh i{width:5px;height:5px;border-radius:50%;background:#197a4b}.da-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.da-kpi{background:#fff;border:1px solid #dddde2;border-top:3px solid #0017c1;padding:12px 8px;min-width:0}.da-kpi-label{font-size:10px;color:#626264;font-weight:600}.da-kpi-number{font:700 27px/1.35 Arial;letter-spacing:-.8px;margin-top:5px;color:#000060;white-space:nowrap}.da-kpi-number span{font-size:10px;margin-left:3px;letter-spacing:0;font-weight:400;color:#626264}.da-kpi-sub{font-size:9px;color:#626264;margin-top:3px}.da-alert{border-left:3px solid #a58000;background:#fffbee;padding:8px 10px;font-size:10px;color:#625200;margin:13px 0}.da-alert.good{border-color:#197a4b;background:#edf7f0;color:#115a36}.da-charts{display:grid;grid-template-columns:1fr;gap:13px}.da-chart{background:white;border:1px solid #dddde2;padding:13px}.da-panel-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.da-panel-title h4{margin:0;font-size:12px;font-weight:700;line-height:1.6}.da-panel-title>span{font-size:9px;color:#626264}.da-bar-chart{display:grid;gap:12px}.da-bar-row{display:grid;grid-template-columns:95px 1fr 30px;gap:8px;align-items:center;font-size:10px}.da-bar-row small{display:block;color:#626264;font-size:8px}.da-track{height:17px;background:repeating-linear-gradient(90deg,#f1f1f4,#f1f1f4 calc(25% - 1px),#d6d6db calc(25% - 1px),#d6d6db 25%);border-left:1px solid #bbb}.da-bar{height:100%;background:#0017c1;min-width:2px;transition:width .4s}.da-bar-row:nth-child(2) .da-bar{background:#3460fb}.da-bar-row:nth-child(3) .da-bar{background:#7096f8}.da-bar-row b{font-size:11px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.da-axis{display:flex;justify-content:space-between;font-size:8px;color:#626264;margin-left:103px;margin-right:38px}.da-expense-chart{display:grid;gap:12px}.da-expense-row{display:grid;grid-template-columns:75px 1fr 38px;align-items:center;gap:10px;font-size:10px}.da-expense-track{height:11px;background:#f1f1f4}.da-expense-fill{height:100%;background:#000060;min-width:1px}.da-expense-row:nth-child(2) .da-expense-fill{background:#3460fb}.da-expense-row:nth-child(3) .da-expense-fill{background:#7096f8}.da-expense-row b{font-size:11px;text-align:right;font-variant-numeric:tabular-nums}.da-table-panel{background:white;border:1px solid #dddde2;padding:13px;margin-top:13px}.da-table-scroll{width:100%;overflow-x:auto}.da-table{width:100%;min-width:410px;border-collapse:collapse;text-align:right;font-size:10px;white-space:nowrap}.da-table th{color:#626264;font-size:9px;font-weight:500;background:#f1f1f4;border-bottom:1px solid #ccc;padding:8px 7px}.da-table td{padding:11px 7px;border-bottom:1px solid #eee;line-height:1.7;font-variant-numeric:tabular-nums}.da-table td:first-child,.da-table th:first-child{text-align:left}.da-table td:first-child small{display:block;font-size:9px;color:#626264}.da-table td.profit-cell{font-weight:700;color:#0017c1}.da-table .check-wait{color:#8a6a00}.da-table .check-done{color:#197a4b}.da-table-hint{font-size:9px;color:#626264;text-align:right;margin-top:7px}.da-definition{font-size:9px;color:#626264;line-height:1.9;margin-top:12px}
.sample-dialog{width:min(1060px,calc(100% - 36px));max-width:1060px;max-height:90dvh;padding:0;background:#faf9f6;border:1px solid #77736b;border-radius:10px;overflow:auto;color:#302e2a}.sample-dialog::backdrop,.expense-dialog::backdrop{background:#302e2aaa;backdrop-filter:blur(4px)}.sample-dialog-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;font-size:12px;position:sticky;top:0;background:#302e2a;color:white;z-index:3}.sample-dialog-bar button{border:1px solid #bdb7ab;background:#55514b;color:white;font-size:12px;padding:6px 13px;border-radius:3px}.sample-dialog .sample-host{border:0;border-radius:0;box-shadow:none}.sample-dialog #expandSample{display:none}.expense-dialog{border:1px solid #dadce0;width:calc(100% - 36px);max-width:390px;border-radius:12px;padding:24px;color:#202124;background:#fff}.expense-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.expense-dialog-head h2{font-size:19px;margin:0}.expense-dialog-head button{border:0;background:transparent;font-size:24px;color:#5f6368}.expense-dialog p{font-size:12px;line-height:1.8;color:#5f6368;margin:13px 0 20px}.expense-dialog label{display:grid;gap:7px;font-size:12px;color:#5f6368;margin:15px 0}.expense-dialog input,.expense-dialog select{padding:10px 12px;border:1px solid #dadce0;border-radius:4px;background:#fff;font-size:16px;color:#202124;width:100%;min-width:0}.as-save{background:#1a73e8;color:white;border:0;border-radius:5px;padding:12px 20px;width:100%;font-size:14px;font-weight:600;margin-top:10px}.expense-dialog :focus-visible,.appsheet-device :focus-visible{outline-color:#1a73e8}.looker-report :focus-visible{outline-color:#0017c1}
@container(min-width:700px){.da-body{padding:28px 30px}.da-heading h3{font-size:24px!important}.da-heading small{font-size:11px}.da-period{font-size:12px}.da-charts{grid-template-columns:1.15fr 1fr}.da-kpis{gap:16px}.da-kpi{padding:20px}.da-kpi-label{font-size:13px}.da-kpi-number{font-size:38px}.da-kpi-number span{font-size:14px}.da-kpi-sub{font-size:11px}.da-panel-title h4{font-size:15px}.da-bar-row,.da-expense-row{font-size:12px}.da-table{font-size:13px}.da-table th{font-size:11px}.da-table td:first-child small{font-size:10px}.da-definition{font-size:11px}.sample-panel{padding:25px}.da-alert{font-size:12px}.sample-howto{font-size:12px}.as-content{height:410px}}
@container(max-width:390px){.da-heading{display:block}.da-period{display:block;margin-top:5px}.da-heading h3{font-size:15px!important}.da-kpi-number{font-size:23px}.da-kpi{padding:11px 7px}.da-kpi-number span{display:block;margin:0;font-size:9px}.da-kpi-sub{font-size:8px}.da-fresh{display:none}.da-filters label{max-width:none}.da-body{padding:15px 10px}.da-bar-row{grid-template-columns:78px 1fr 29px;gap:5px}.da-axis{margin-left:83px;margin-right:34px}.sample-panel{padding:12px 9px 8px}.sample-utility{padding:10px;font-size:9px}.sample-utility button{font-size:9px}.sample-tabs button{font-size:10px;padding:13px 5px}.sample-howto{font-size:10px}.as-row{grid-template-columns:70px 1fr 12px;padding:14px 12px;gap:10px}.as-car-art{width:70px;height:61px}.as-car-art svg{width:67px}.as-row-copy strong{font-size:14px}.sample-disclaimer{font-size:9px}.ls-toolbar{padding:0 9px}.ls-toolbar small{font-size:8px}.sample-intro{gap:9px}}
@media(prefers-reduced-motion:reduce){.da-bar{transition:none}}