.sth-heading,.sth-hero,.sth-summary-head,.sth-file-box,.sth-submission-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.sth-heading{margin:0 0 22px}.sth-heading h2,.sth-hero h2{margin:3px 0 7px;color:#263f47}.sth-heading p,.sth-hero p{margin:0;color:#72838a;font-size:13px}.sth-eyebrow{display:block;color:#168e85;font-size:12px;font-weight:700}.sth-tabs{display:flex;gap:5px;width:fit-content;max-width:100%;padding:5px;margin-bottom:22px;border:1px solid #dce9e6;border-radius:11px;background:#f0f6f5}.sth-tabs a{padding:9px 20px;border-radius:8px;color:#55726c;text-decoration:none;font-weight:600}.sth-tabs a.is-active{background:#fff;color:#147e75;box-shadow:0 2px 7px rgba(30,80,68,.1)}.sth-grid{display:grid;gap:12px}.sth-assignment-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 20px;border:1px solid #e1e8eb;border-radius:14px;background:#fff;color:inherit;text-decoration:none;transition:.2s}.sth-assignment-card:hover{border-color:#96c9c1;box-shadow:0 7px 22px rgba(27,70,66,.07)}.sth-card-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#e8f6f3;color:#167b72;font-size:11px;font-weight:800}.sth-card-body{min-width:0}.sth-card-body span,.sth-card-body time{display:block;color:#78868d;font-size:11px}.sth-card-body h3{margin:3px 0 6px;font-size:16px;color:#29434a}.sth-status{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:6px 11px;border-radius:999px;font-size:11px;font-weight:700;background:#edf1f3;color:#65737a}.sth-status-pending{background:#fff6df;color:#956000}.sth-status-submitted{background:#e9f4ff;color:#1d6394}.sth-status-needs_revision{background:#fff0ed;color:#b14330}.sth-status-approved{background:#e8f8ee;color:#147146}.sth-status-expired{background:#f0f1f3;color:#73777e}.sth-empty{display:flex;flex-direction:column;gap:5px;padding:38px 20px;text-align:center;border:1px dashed #cbdad7;border-radius:14px;background:#fafcfc;color:#78878a}.sth-empty strong{color:#38555a}.sth-detail{max-width:1040px;margin-inline:auto}.sth-back{display:inline-block;margin-bottom:17px;color:#647a80}.sth-hero,.sth-panel,.sth-file-box{padding:22px 24px;margin-bottom:16px;border:1px solid #dfe8e9;border-radius:14px;background:#fff}.sth-hero{background:#f1faf8;border-color:#d5ebe6}.sth-hero h2{font-size:22px}.sth-panel h3,.sth-file-box strong{margin:0 0 7px;color:#2b464c}.sth-description{line-height:2}.sth-description>:last-child{margin-bottom:0}.sth-file-box{background:#fafcfc}.sth-file-box>div{display:flex;flex-direction:column;gap:4px;min-width:0}.sth-file-box span,.sth-submitted-file span{font-size:11px;color:#7d898e;overflow-wrap:anywhere}.sth-file-box .button,.sth-form .button{min-height:42px;padding:9px 20px;border-radius:8px;background:#168e85;color:#fff;border:0;font:inherit}.sth-form{display:grid;gap:13px}.sth-form-grid{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:15px}.sth-form-grid>div{display:flex;flex-direction:column;gap:7px}.sth-form label{color:#37545a;font-size:13px;font-weight:600}.sth-form label span{font-weight:400;color:#829095}.sth-form input[type=text],.sth-form input[type=datetime-local],.sth-form select,.sth-form textarea{width:100%;min-height:44px;margin:0;padding:9px 11px;border:1px solid #d6e0e3;border-radius:8px;background:#fff;font:inherit;box-shadow:none}.sth-form textarea{line-height:1.9;resize:vertical}.sth-form input:focus,.sth-form select:focus,.sth-form textarea:focus{outline:2px solid #55b9ad;outline-offset:2px;border-color:#168e85}.sth-upload{display:grid;gap:8px;padding:15px 17px;border:1px dashed #b9d8d2;border-radius:10px;background:#f6fbf9}.sth-upload input[type=file],.sth-form>input[type=file]{width:100%;padding:11px;border:1px dashed #b8d5d0;border-radius:8px;background:#f7fbfa;font:inherit;font-size:12px}.sth-form small{color:#7a898d;font-size:11px}.sth-form>.button{justify-self:start;margin-top:5px}.sth-submission-summary{background:#fbfdfd}.sth-submitted-file{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px;margin-top:15px;border-radius:10px;background:#f1f7f6}.sth-submitted-file>div{display:flex;flex-direction:column;gap:4px}.sth-submitted-file a{color:#147e75;font-weight:700}.sth-feedback{padding:15px 17px;margin-top:15px;border-inline-start:3px solid #dd8b79;border-radius:8px;background:#fff5f2}.sth-feedback p{margin:5px 0 0}.sth-expired-note{padding:16px;border-radius:10px;background:#f2f3f5;color:#6c7479}.sth-table-wrap{overflow-x:auto;border:1px solid #e0e7e9;border-radius:13px;background:#fff}.sth-table{width:100%;min-width:760px;border-collapse:collapse}.sth-table th,.sth-table td{padding:14px 16px;border-bottom:1px solid #edf0f1;text-align:right;font-size:12px}.sth-table th{background:#f7faf9;color:#647b79}.sth-state{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef0f2;color:#687177}.sth-state.is-live{background:#e8f8ee;color:#147146}.sth-text-button{padding:0;border:0;background:none;color:#168e85;cursor:pointer;font:inherit}.sth-submission-list{display:grid;gap:10px}.sth-submission-row{padding:15px 17px;border:1px solid #e1e8ea;border-radius:12px;background:#fff;color:inherit;text-decoration:none}.sth-submission-row>div{display:flex;flex:1;flex-direction:column;gap:4px}.sth-submission-row span,.sth-submission-row time{color:#7c898d;font-size:11px}.sth-review-actions{display:flex;gap:10px;flex-wrap:wrap}.sth-review-actions .button:first-child{background:#fff;color:#a33c2e;border:1px solid #e5b5ad}@media(max-width:760px){.sth-form-grid{grid-template-columns:1fr}.sth-assignment-card{grid-template-columns:auto minmax(0,1fr)}.sth-assignment-card>.sth-status{grid-column:1/-1;justify-self:start}.sth-heading,.sth-hero,.sth-file-box,.sth-submission-row{align-items:flex-start;flex-direction:column}.sth-tabs{width:100%;overflow:auto}.sth-tabs a{white-space:nowrap;flex:1;text-align:center}.sth-form>.button,.sth-file-box .button{width:100%}.sth-submitted-file{align-items:flex-start;flex-direction:column}}

.sth-text-button{padding:4px 7px!important;border:0!important;background:transparent!important;color:#168e85!important;box-shadow:none!important}
.sth-date-fields{display:grid;grid-template-columns:minmax(0,1fr) 125px;gap:8px}.sth-date-fields input{direction:ltr;text-align:center}.pdp-default{z-index:100000!important}.pdp-default .pdp-footer{height:auto!important}.pdp-default .pdp-footer .goToday{display:block!important}
.sth-filter{display:flex;align-items:flex-end;justify-content:flex-end;margin:0 0 14px;padding:13px 16px;border:1px solid #e2e9ed;border-radius:13px;background:#fff}.sth-filter>div{width:min(100%,320px)}.sth-filter label{display:block;margin-bottom:6px;color:#61717a;font-size:12px}.sth-filter select{width:100%;height:40px;border:1px solid #d9e3e7;border-radius:9px;background:#fff}.sth-assignment-link{display:flex;flex-direction:column;gap:3px;color:#263b45}.sth-assignment-link:hover strong{color:#249d94}.sth-assignment-link span{color:#299c95;font-size:11px}.sth-assignment-actions{display:flex;align-items:center;gap:10px}.sth-assignment-actions>a{padding:6px 11px;border-radius:20px;background:#e7f7f5;color:#218b84;font-size:11px}
@media(max-width:560px){.sth-date-fields{grid-template-columns:1fr}}

/* Refined homework toolbar and date picker. */
.sth-form input[type=time]{width:100%;min-height:44px;margin:0;padding:9px 11px;border:1px solid #d6e0e3;border-radius:8px;background:#fff;font:inherit;box-shadow:none}
.sth-date-fields{grid-template-columns:minmax(0,1fr) 112px}
.sth-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 12px;padding:12px 14px;border:1px solid #e1ebe8;border-radius:12px;background:linear-gradient(135deg,#fbfefd,#f4f9f7)}
.sth-list-heading{display:flex;flex-direction:column;gap:2px}.sth-list-heading strong{color:#2b464c;font-size:13px}.sth-list-heading span{color:#81908e;font-size:10px}
.sth-list-toolbar .sth-filter{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex:0 0 auto;width:auto;margin:0;padding:0;border:0;background:transparent}
.sth-list-toolbar .sth-filter label{display:block;margin:0;color:#607873;font-size:11px;font-weight:700;white-space:nowrap}
.sth-list-toolbar .sth-filter select{width:210px;height:36px;margin:0;border:1px solid #d5e2df;border-radius:8px;background:#fff;font-size:11px}
.sth-list-toolbar .sth-filter .select2-container{width:210px!important;min-width:0}.sth-list-toolbar .sth-filter .select2-container .select2-selection--single{height:36px;border-color:#d5e2df;border-radius:8px;background:#fff}.sth-list-toolbar .sth-filter .select2-container .select2-selection__rendered{line-height:34px;padding-inline:12px 28px;color:#405b56;font-size:11px}.sth-list-toolbar .sth-filter .select2-container .select2-selection__arrow{height:34px}
.sth-table-wrap{box-shadow:0 8px 28px rgba(35,75,70,.045)}.sth-table tbody tr{transition:background .18s}.sth-table tbody tr:hover{background:#fbfefd}

.pdp-default.sth-calendar{box-sizing:border-box!important;padding:10px!important;border:1px solid #d8e6e2!important;border-radius:14px!important;background:#fff!important;color:#344d48!important;box-shadow:0 18px 50px rgba(30,64,59,.18)!important;z-index:100000!important;overflow:visible!important;font-family:inherit!important;animation:sth-calendar-in .14s ease-out}
.pdp-default.sth-calendar .pdp-header{position:relative!important;box-sizing:border-box!important;height:42px!important;padding:0 42px!important;border:0!important;border-radius:10px!important;background:#eef8f5!important;color:#176f68!important;line-height:42px!important}
.pdp-default.sth-calendar .monthYear{width:100%!important;font-size:14px!important;font-weight:800!important;line-height:42px!important}
.pdp-default.sth-calendar .nextArrow,.pdp-default.sth-calendar .prevArrow{display:grid!important;place-items:center!important;top:6px!important;width:30px!important;height:30px!important;padding:0!important;border:1px solid #d3e6e1!important;border-radius:8px!important;background:#fff!important;color:#287d75!important;font-size:11px!important;line-height:30px!important;transition:.15s}.pdp-default.sth-calendar .nextArrow{right:6px!important}.pdp-default.sth-calendar .prevArrow{left:6px!important}.pdp-default.sth-calendar .nextArrow:hover,.pdp-default.sth-calendar .prevArrow:hover{border-color:#58b8ad!important;background:#daf2ed!important;color:#126e66!important}
.pdp-default.sth-calendar .dows{display:flex!important;margin-top:8px!important;border-radius:8px!important;background:#f7faf9!important;color:#748984!important}.pdp-default.sth-calendar .days{border:0!important;background:#fff!important}.pdp-default.sth-calendar .days>div{display:flex!important}.pdp-default.sth-calendar .cell{box-sizing:border-box!important;flex:0 0 14.2857%!important;width:14.2857%!important;height:34px!important;border:2px solid #fff!important;border-radius:9px!important;font-family:inherit!important;font-size:11px!important;line-height:30px!important}.pdp-default.sth-calendar .dow{height:28px!important;border:0!important;font-weight:700!important;line-height:28px!important}.pdp-default.sth-calendar .day{cursor:pointer!important;color:#405650!important;transition:.12s}.pdp-default.sth-calendar .day:hover{border-color:#fff!important;background:#e8f6f2!important;color:#126f67!important}.pdp-default.sth-calendar .friday{color:#db5d67!important}.pdp-default.sth-calendar .nul{border-color:#fff!important;background:#fff!important}.pdp-default.sth-calendar .today{border-color:#b8e2da!important;background:#e8f7f3!important;color:#15776e!important;font-weight:800!important}.pdp-default.sth-calendar .selday,.pdp-default.sth-calendar .selday:hover{border-color:#168e85!important;background:#168e85!important;color:#fff!important;font-weight:800!important}
.pdp-default.sth-calendar .pdp-footer{box-sizing:border-box!important;height:34px!important;margin-top:7px!important;border-radius:8px!important;background:#f1f6f4!important;font-family:inherit!important;line-height:34px!important}.pdp-default.sth-calendar .pdp-footer .goToday{display:block!important;color:#377b74!important;font-weight:700!important;text-decoration:none!important}
.pdp-default.sth-calendar .yearSelect,.pdp-default.sth-calendar .monthSelect{box-sizing:border-box!important;right:10px!important;top:50px!important;width:calc(100% - 20px)!important;padding:7px!important;border:1px solid #d8e5e2!important;border-radius:10px!important;background:#fff!important;box-shadow:0 10px 28px rgba(28,64,58,.14)!important;font-family:inherit!important}.pdp-default.sth-calendar .yearSelect li,.pdp-default.sth-calendar .monthSelect li{box-sizing:border-box!important;border:2px solid #fff!important;border-radius:7px!important}.pdp-default.sth-calendar .yearSelect li:hover,.pdp-default.sth-calendar .monthSelect li:hover,.pdp-default.sth-calendar .selected{border-color:#fff!important;background:#168e85!important;color:#fff!important}
@keyframes sth-calendar-in{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:680px){.sth-list-toolbar{align-items:stretch;flex-direction:column;gap:10px}.sth-list-toolbar .sth-filter{justify-content:space-between}.sth-list-toolbar .sth-filter .select2-container,.sth-list-toolbar .sth-filter select{width:min(230px,75vw)!important}}@media(max-width:560px){.sth-date-fields{grid-template-columns:1fr}.pdp-default.sth-calendar{padding:8px!important}}

/* Clear action affordance for creating a new assignment. */
.sth-tabs .sth-new-tab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #126f68;
}

@media (max-width: 760px) {
	.sth-tabs {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		overflow: visible;
	}
	.sth-tabs a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 0;
		padding: 9px 6px;
		white-space: nowrap;
		font-size: 12px;
	}
	.sth-table-wrap {
		overflow: visible;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}
	.sth-table,
	.sth-table tbody {
		display: block;
		width: 100%;
		min-width: 0;
	}
	.sth-table thead {
		display: none;
	}
	.sth-table tr {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0;
		overflow: hidden;
		margin-bottom: 12px;
		border: 1px solid #dfe8e9;
		border-radius: 13px;
		background: #fff;
		box-shadow: 0 6px 20px rgba(35, 75, 70, 0.05);
	}
	.sth-table th,
	.sth-table td {
		display: block;
		box-sizing: border-box;
		width: auto;
		min-width: 0;
		padding: 12px 13px;
		border: 0;
		border-bottom: 1px solid #edf1f1;
		text-align: right;
		overflow-wrap: anywhere;
	}
	.sth-table td::before {
		display: block;
		margin-bottom: 5px;
		color: #7a8b89;
		font-size: 10px;
		font-weight: 600;
	}
	.sth-table td:first-child,
	.sth-table td:nth-child(2) {
		grid-column: 1 / -1;
	}
	.sth-table td:first-child {
		background: #f7fbfa;
	}
	.sth-table td:nth-child(2)::before { content: "دوره"; }
	.sth-table td:nth-child(3)::before { content: "مهلت"; }
	.sth-table td:nth-child(4)::before { content: "تحویل‌ها"; }
	.sth-table td:nth-child(5)::before { content: "وضعیت"; }
	.sth-table td:nth-child(6)::before { content: "عملیات"; }
	.sth-table td:nth-last-child(-n + 2) {
		border-bottom: 0;
	}
	.sth-table td form {
		margin: 0;
	}
}