*{box-sizing:border-box}body{margin:0;background:#f5f1eb;color:#302b28;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}.page{max-width:900px;margin:auto;padding:28px 22px 60px}h1,h2{color:#5b382d}header{border-bottom:1px solid #d8cfc4;padding-bottom:14px}.card{background:#fff;border:1px solid #d8cfc4;border-radius:9px;padding:18px;margin:18px 0}.status{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.status div{background:#faf7f3;border-radius:6px;padding:10px}.label{display:block;color:#777;font-size:.82rem}.button,button{display:inline-block;border:1px solid #9c806e;background:#6d4737;color:#fff;border-radius:7px;padding:.65rem 1rem;text-decoration:none;font-weight:700;cursor:pointer}.secondary{background:#f3eee8;color:#5b382d}.danger{background:#8b3832}.msg{padding:12px;border-radius:7px;background:#edf4ea;border:1px solid #c9d9c4}.error{background:#f7e8e5;border-color:#dfbbb3}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}input[type=file],input[type=password],input[type=text]{max-width:100%;padding:.65rem;border:1px solid #cfc4b8;border-radius:6px;background:#fff}footer{margin-top:30px;color:#777;font-size:.88rem}@media(max-width:600px){.page{padding:16px 12px}.button,button{width:100%;text-align:center}.row{display:block}.row>*{margin-bottom:10px}}

.update-status .msg{margin:12px 0}.update-status .ready{background:#f7f4ef;border-color:#d8cfc4}.update-status .busy{background:#f4f0e8;border-color:#d7c8ae}.update-status .success{background:#edf4ea;border-color:#c9d9c4}button:disabled,input:disabled{cursor:not-allowed;opacity:.65}
.hero>p:first-of-type{font-size:1.08rem}.hero strong{font-size:1.05rem}.client-card{background:#faf8f5;margin-bottom:12px}.client-card:last-child{margin-bottom:0}

/* v0.1.0 responsive home tabs; with JavaScript disabled, all sections remain visible. */
.home-tabs{display:flex;flex-wrap:wrap;gap:5px;align-items:stretch;margin:18px 0 0;border-bottom:2px solid #d8cfc4}
.home-tab{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 13px;border:1px solid #d8cfc4;border-radius:8px 8px 0 0;background:#f3eee8;color:#5b382d;font-weight:650;text-decoration:none;text-align:center;flex:1 1 auto}
.home-tab:hover,.home-tab:focus-visible{background:#e9ded2;outline-offset:2px}
.home-tab.active{background:#fff;border-bottom-color:#fff;color:#302b28}
.home-panel{margin-top:0;border-radius:0 0 9px 9px;min-height:170px}
.home-panel[hidden]{display:none!important}
.home-panel h2{margin-top:0}
.client-card h3{margin-top:0;color:#5b382d}
@media(max-width:600px){.home-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;border-bottom:0}.home-tab{border-radius:7px;font-size:.88rem;padding:9px 6px;min-width:0;overflow-wrap:anywhere}.home-tab.active{border-color:#6d4737;box-shadow:inset 0 -3px 0 #6d4737}.home-panel{border-radius:9px;padding:14px}.client-card{padding:12px}.home-panel .row{display:flex;flex-direction:column;align-items:stretch}.home-panel .row>*{width:100%;text-align:center;margin:0}}

/* v0.1.1 compact managed-website lists and dedicated site view */
.site-table-wrap{width:100%;overflow-x:auto}.site-table{width:100%;border-collapse:collapse;text-align:left;font-size:.96rem}.site-table th{color:#66584e;background:#f3eee8;font-size:.86rem;font-weight:700}.site-table th,.site-table td{padding:11px 12px;border-bottom:1px solid #ded5cb}.site-table tbody tr:last-child td{border-bottom:0}.site-row{cursor:pointer}.site-row:hover,.site-row:focus-within{background:#faf4ed}.site-name{font-weight:700;color:#5b382d;text-decoration:underline;text-underline-offset:3px}.site-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.site-facts div{padding:10px;background:#faf7f3;border-radius:6px}.site-facts dt{color:#777;font-size:.82rem}.site-facts dd{margin:2px 0 0;overflow-wrap:anywhere}.site-detail .row form{margin:0}@media(max-width:600px){.site-table{font-size:.84rem}.site-table th,.site-table td{padding:10px 5px;overflow-wrap:anywhere}.site-table th:first-child,.site-table td:first-child{width:45%}.site-detail .row{display:flex;flex-direction:column;align-items:stretch}.site-detail .row>*{width:100%;text-align:center}.site-detail .row form button{width:100%}}

/* v0.1.2 compact administration lists */
.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.admin-heading h2{margin:0}.admin-heading .button{width:auto;white-space:nowrap}.admin-table .actions-heading{text-align:right}.admin-table .admin-actions{min-width:210px}.action-set{display:flex;justify-content:flex-end;gap:5px;align-items:center;flex-wrap:wrap}.action-set form{margin:0}.action-set .button,.action-set button{font-size:.82rem;font-weight:600;padding:6px 9px;width:auto;white-space:nowrap}.admin-editor input[type=text],.admin-editor input[type=password]{width:min(100%,540px)}.admin-editor select{padding:8px}.editor-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.editor-buttons .button{width:auto}
@media(max-width:600px){.admin-heading{align-items:center}.admin-heading .button{padding:8px 10px;font-size:.82rem}.admin-table{font-size:.8rem}.admin-table th,.admin-table td{padding:8px 5px}.admin-table .admin-actions{min-width:100px}.action-set{gap:4px}.action-set .button,.action-set button{font-size:.76rem;padding:5px 7px}.editor-buttons{display:flex}.editor-buttons>*{width:auto}}

/* v0.1.3 inline management actions and responsive compact tables */
.admin-heading{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap}
.admin-heading .button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.site-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.admin-table,.managed-table{width:100%;min-width:690px;table-layout:auto}
.admin-table th,.admin-table td,.managed-table th,.managed-table td{vertical-align:middle;white-space:nowrap}
.admin-table .admin-actions,.managed-table .admin-actions{width:1%;min-width:max-content;white-space:nowrap}
.action-set{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}
.action-set form{display:inline-flex;flex:0 0 auto;margin:0;padding:0}
.action-set .button,.action-set button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:auto!important;min-width:0;margin:0!important;white-space:nowrap;padding:7px 10px;font-size:.82rem;line-height:1.3}
.actions-heading{text-align:right}
.focused-client{background:#fff0d8;outline:2px solid #c5a27c;outline-offset:-2px}
#clients{scroll-margin-top:16px}
@media(max-width:600px){.admin-table,.managed-table{min-width:660px}.admin-heading .button{width:auto!important}.action-set{flex-direction:row;flex-wrap:nowrap}.site-table th,.site-table td{overflow-wrap:normal;white-space:nowrap}.admin-section,.home-panel{min-width:0}}

/* v0.1.4: administration table columns and action controls never wrap. */
.admin-section .admin-heading{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;width:100%}
.admin-section .admin-heading .button{display:inline-flex!important;width:auto!important;flex:none!important;margin-left:auto!important}
.admin-section .site-table-wrap{display:block;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.admin-section table.admin-table{width:100%;min-width:810px;table-layout:auto;border-collapse:collapse}
.admin-section table.admin-table th,.admin-section table.admin-table td{white-space:nowrap;vertical-align:middle}
.admin-section table.admin-table th:last-child,.admin-section table.admin-table td:last-child{width:1%;min-width:345px;text-align:right}
.admin-section table.admin-table td .action-set{display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;width:max-content;white-space:nowrap}
.admin-section table.admin-table td .action-set form{display:inline-flex!important;flex:0 0 auto!important;width:auto!important;margin:0!important}
.admin-section table.admin-table td .action-set a,.admin-section table.admin-table td .action-set button{display:inline-flex!important;flex:0 0 auto!important;width:auto!important;white-space:nowrap!important;margin:0!important;padding:7px 10px!important}
@media(max-width:600px){.admin-section table.admin-table{min-width:810px}.admin-section .admin-heading .button{width:auto!important}}

/* v0.1.5 GitHub administration */
.gh-form{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.gh-form label{display:flex;flex-direction:column;gap:5px;width:min(100%,520px);font-weight:600}.gh-form input,.gh-form select{width:100%;padding:10px;border:1px solid #cfc4b8;border-radius:6px;background:white}.gh-controls{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.gh-controls form{margin:0}.gh-table{min-width:660px}.gh-table .action-set{flex-wrap:nowrap}.gh-table .action-set .button{width:auto!important;margin:0!important;white-space:nowrap}.gh-form button,.gh-controls button{width:auto!important}@media(max-width:600px){.gh-controls{flex-direction:row}.gh-controls button{width:auto!important}}

.gh-tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin:1rem 0}.gh-tabs .button{white-space:nowrap}

/* v0.1.8 GitHub Operations primary tabs */
.gh-main-tabs{display:flex;flex-wrap:wrap;gap:5px;margin:18px 0 0;border-bottom:2px solid #d8cfc4}.gh-main-tab{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 13px;border:1px solid #d8cfc4;border-radius:8px 8px 0 0;background:#f3eee8;color:#5b382d;font-weight:650;text-decoration:none;flex:1 1 auto;text-align:center}.gh-main-tab.active{background:#fff;border-bottom-color:#fff;color:#302b28}.field-note{max-width:650px;color:#66584e}@media(max-width:600px){.gh-main-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:0}.gh-main-tab{border-radius:7px;font-size:.86rem;padding:9px 6px;overflow-wrap:anywhere}.gh-main-tab.active{border-color:#6d4737;box-shadow:inset 0 -3px 0 #6d4737}}

/* v0.1.12 common page and tab standard */
.page{max-width:900px;width:100%;margin:0 auto}.home-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:5px}.home-tab{min-width:0}.home-panel{border-radius:9px;margin-top:0}.action-set{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.managed-table .action-set .button{padding:.52rem .65rem;font-size:.83rem;white-space:nowrap}.managed-table{min-width:780px}.ci-import-confirm{display:block;margin:12px 0}.ci-progress{display:inline-block;margin-left:12px;font-weight:650}.ci-progress[hidden]{display:none!important}@media(max-width:600px){.home-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.managed-table{min-width:780px}}

/* UI-001 v0.1.13: administrative actions must remain horizontal at all viewport widths. */
.site-table-wrap,.admin-table-wrap,.table-scroll{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
.managed-table{min-width:1020px;width:max-content;min-width:max(100%,1020px)}
.managed-table td.admin-actions,.admin-table td.admin-actions{white-space:nowrap;width:1%}
.managed-table .action-set,.admin-table .action-set{display:inline-flex!important;flex-flow:row nowrap!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;white-space:nowrap!important;width:max-content!important}
.managed-table .action-set>* ,.admin-table .action-set>*{flex:0 0 auto!important;white-space:nowrap!important;margin:0!important}
.managed-table .action-set .button,.managed-table .action-set button,.admin-table .action-set .button,.admin-table .action-set button{display:inline-block!important;width:auto!important;white-space:nowrap!important;margin:0!important}
@media(max-width:600px){.managed-table .action-set,.admin-table .action-set{display:inline-flex!important;flex-flow:row nowrap!important}.managed-table .action-set .button,.admin-table .action-set .button{width:auto!important}}

/* v0.1.14: universal compact tables and inline controls. */
.page .site-table{table-layout:auto;min-width:0}
.page .site-table th,.page .site-table td{padding:7px 8px;vertical-align:middle}
.page .site-table .action-set{display:inline-flex!important;flex-flow:row nowrap!important;gap:4px!important;white-space:nowrap}
.page .site-table .action-set .button,.page .site-table .action-set button{font-size:.76rem!important;padding:5px 7px!important;white-space:nowrap!important}
.page .managed-table{min-width:0!important;width:100%!important}
.page .managed-table th,.page .managed-table td{padding:7px 6px}
.page .gh-table{min-width:0}
.gh-form .ci-check-options{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.gh-form .ci-check-options label,.gh-form label.ci-check-inline{display:inline-flex;flex-direction:row;align-items:center;gap:7px;width:auto;font-weight:500}
.gh-form .ci-check-options input[type=checkbox],.gh-form label.ci-check-inline input[type=checkbox]{width:auto;flex:0 0 auto;margin:0}
@media(max-width:600px){.page .managed-table{min-width:690px!important}.page .gh-table{min-width:620px}}

/* v0.1.15: source reader and branch relationships */
.ci-code-view{overflow:auto;max-height:65vh;border:1px solid #d7cdc2;border-radius:6px;background:#faf9f7;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.6}
.ci-code-line{display:flex;white-space:pre;min-width:max-content}
.ci-code-line code{padding:0 12px;font:inherit;white-space:pre}
.ci-line-number{display:inline-block;position:sticky;left:0;text-align:right;min-width:3.5em;padding:0 8px;color:#70665e;background:#eee9e3;border-right:1px solid #d7cdc2;user-select:none}
.ci-branch-map{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;padding:16px;background:#faf8f5;border:1px solid #ded5ca;border-radius:8px}
.ci-branch-node{display:flex;flex-direction:column;gap:6px;align-items:center}
.ci-branch-bubble{border:2px solid #8b715f;border-radius:28px;min-width:160px;max-width:230px;padding:14px 20px;text-align:center;background:#fff;display:flex;flex-direction:column;gap:5px;overflow-wrap:anywhere}
.ci-branch-bubble small{color:#66584e}.ci-branch-connection{font-size:12px;color:#67594d;max-width:240px;text-align:center}

/* Phase 2 source editing */
.ci-edit-panel{margin:1rem 0;padding:1rem;border:1px solid #d9c8b9;border-radius:8px}.ci-edit-panel summary{font-weight:700;cursor:pointer}.ci-edit-panel label{display:block;margin:1rem 0}.ci-edit-panel input:not([type=checkbox]),.ci-edit-panel textarea{display:block;width:100%;max-width:100%;box-sizing:border-box;padding:.6rem}.ci-source-editor,.ci-edit-diff{font-family:monospace;white-space:pre;overflow:auto}.ci-edit-diff{max-height:320px;border:1px solid #ddd;padding:1rem}

/* v0.1.19 compact repository navigation */
#repository-details .tabs .button, #repository-details .tabs a, .ci-repository-nav .button {padding: .42rem .7rem; font-size: .88rem;}

#repository-details .gh-tabs .button {padding: .42rem .7rem; font-size: .88rem; margin:0;}

/* v0.1.20 compact repository navigation, same sizing as table action controls. */
#repository-details .gh-tabs{gap:5px;margin:10px 0;}
#repository-details .gh-tabs .button,#repository-details .ci-source-nav-link{display:inline-flex!important;align-items:center!important;width:auto!important;min-width:0!important;padding:5px 7px!important;font-size:.76rem!important;line-height:1.3!important;font-weight:600!important;margin:0!important;}
#repository-details .ci-source-nav-link{margin:0 0 10px!important;}

/* v0.1.26: left-aligned, accessible client actions; table scroll remains available on narrow screens. */
.admin-table .actions-heading{text-align:left!important}.admin-table td.admin-actions{text-align:left!important;min-width:0!important}
.admin-table .action-set,.admin-section table.admin-table td .action-set{justify-content:flex-start!important;flex-wrap:wrap!important;white-space:normal!important;width:auto!important;max-width:100%!important}
.admin-table{min-width:0!important}.site-table-wrap{overflow-x:auto;max-width:100%}
#github-client-picker select{display:block;width:min(100%,540px);padding:9px;margin-top:5px}
#github-client-picker p[hidden]{display:none}#github-client-picker button{width:auto;margin:8px 0}

.client-root-status{font-size:.85rem;color:var(--muted,#666);margin-top:.3rem;overflow-wrap:anywhere}

/* v0.1.28: client actions occupy the second column, within the desktop viewport.
   Scoped rules override legacy nowrap/max-content admin-table rules. */
.admin-section .site-table-wrap{width:100%;max-width:100%;overflow-x:auto}
.admin-section table.clients-table{width:100%!important;min-width:0!important;table-layout:fixed!important}
.admin-section table.clients-table th,.admin-section table.clients-table td{white-space:normal!important;overflow-wrap:anywhere!important;min-width:0!important;padding:7px 6px!important;vertical-align:top}
.admin-section table.clients-table th:nth-child(1){width:27%}
.admin-section table.clients-table th:nth-child(2){width:30%}
.admin-section table.clients-table th:nth-child(3){width:12%}
.admin-section table.clients-table th:nth-child(4){width:13%}
.admin-section table.clients-table th:nth-child(5){width:18%}
.admin-section table.clients-table td.admin-actions{width:auto!important;min-width:0!important;text-align:left!important}
.admin-section table.clients-table td .action-set{display:flex!important;flex-flow:row wrap!important;justify-content:flex-start!important;align-items:flex-start!important;gap:5px!important;width:100%!important;max-width:100%!important;white-space:normal!important}
.admin-section table.clients-table td .action-set>*{flex:0 1 auto!important;max-width:100%!important}
.admin-section table.clients-table td .action-set a,.admin-section table.clients-table td .action-set button{white-space:normal!important;max-width:100%!important;text-align:left!important;padding:5px 7px!important;line-height:1.25!important}
.admin-section table.clients-table td form{max-width:100%!important}
@media(max-width:600px){.admin-section table.clients-table{min-width:650px!important}}